From 8d40beb996c38878b212279b902ba46cff71480b Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Fri, 2 Dec 2022 01:27:58 -0500
Subject: [PATCH 01/49] add login status

---
 src/App.vue                 | 64 +++++++++++++++++++++++++++----------
 src/main.js                 |  1 +
 src/views/DashboardView.vue | 60 +++++++++++++++++++++++++++++++---
 src/views/Home.vue          | 52 ++++++++++--------------------
 src/views/LoginView.vue     |  3 +-
 src/views/RegisterView.vue  |  5 ++-
 6 files changed, 125 insertions(+), 60 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index bb10891..bafb4dc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,38 +1,70 @@
 <template>
   <div id="nav">
     <nav class="container navbar navbar-expand-lg navbar-light bg-light">
-      <!-- <div >
+      <div>
         <a class="navbar-brand" href="/"><img src="./assets/INFLUCO.jpg" width="60" height="60">InfluCo</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
           aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
-      </div> -->
+      </div>
 
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
-        <a class="navbar-brand" href="/"><img src="./assets/INFLUCO.jpg" width="60" height="60">InfluCo</a>
-        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
-          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-          <span class="navbar-toggler-icon"></span>
-        </button>
-
         <div class="navbar-nav mr-auto">
-          <router-link to="/popular" class="nav-item nav-link">Popular</router-link>
-          <router-link to="/search" class="nav-item nav-link">Search</router-link>
+          <div v-if="this.authenticated">
+            <router-link to="/popular" class="nav-item nav-link">Popular</router-link>
+          </div>
+          <div v-else-if="!this.authenticated">
+            <a href="/login" class="nav-item nav-link">Popular</a>
+          </div>
+          <div v-if="this.authenticated">
+            <router-link to="/search" class="nav-item nav-link">Search</router-link>
+          </div>
+          <div v-else-if="!this.authenticated">
+            <a href="/login" class="nav-item nav-link">Search</a>
+          </div>
         </div>
-        <!-- <form class="d-flex">
-              <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
-              <button class="btn btn-outline-success" type="submit">Search</button>
-          </form> -->
       </div>
       <div class="dashboard-icon">
-        <router-link to="/dashboard" class="nav-item nav-link"><i class="bi-person"></i></router-link>
+        <div v-if="this.authenticated">
+          <router-link to="/dashboard" class="nav-item nav-link"><i class="bi-person"></i></router-link>
+        </div>
+        <div v-else-if="!this.authenticated">
+          <a href="/login" class="nav-item nav-link"><i class="bi-person"></i></a>
+        </div>
       </div>
     </nav>
   </div>
-  <div class="main"><router-view /></div>
+  <div class="main"><router-view @authenticated="setAuthenticated" /></div>
 </template>
 
+<script>
+export default {
+  name: 'app',
+  data() {
+    console.log("this.authenticated: 0", localStorage.getItem('authenticated'))
+    return {
+      authenticated: (localStorage.getItem('authenticated') === 'true'),
+    }
+  },
+
+  mounted() {
+    this.authenticated = (localStorage.getItem('authenticated') === 'true'),
+    console.log("this.authenticated: 1", this.authenticated)
+    if (!this.authenticated) {
+      console.log("this.authenticated 2: ", this.authenticated)
+    }
+  },
+
+  methods: {
+    setAuthenticated(status) {
+      this.authenticated = status;
+      console.log("this.authenticated 3: ", this.authenticated)
+    },
+  }
+}
+</script>
+
 <style>
 #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
diff --git a/src/main.js b/src/main.js
index 4cb76e1..964cb33 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,7 @@ import { BrowserTracing } from "@sentry/tracing";
 
 const app = createApp(App);
 app.use(router);
+// localStorage.setItem('authenticated', 'false')
 
 Sentry.init({
     app,
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 786769a..f489a2b 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -1,6 +1,58 @@
 <template>
-    <div class="dashboard">
-      <h1>This is a dashboard page</h1>
-    </div>
+  <div class="dashboard">
+    <form @submit.prevent="logout" class="login">
+      <button type="submit" class="button-87 logout">Logout</button>
+    </form>
+  </div>
 </template>
-  
\ No newline at end of file
+
+<script>
+export default {
+  methods: {
+    logout() {
+      localStorage.setItem('authenticated', 'false')
+      this.$router.push('/').then(() => {this.$router.go()})
+    }
+  }
+}
+</script>
+
+<style>
+.button-87 {
+  margin: 10px;
+  padding: 15px 30px;
+  text-align: center;
+  text-transform: uppercase;
+  transition: 0.5s;
+  background-size: 200% auto;
+  color: white;
+  border-radius: 10px;
+  display: block;
+  border: 0px;
+  font-weight: 700;
+  box-shadow: 0px 0px 14px -7px #f09819;
+  background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  touch-action: manipulation;
+}
+
+.button-87:hover {
+  background-position: right center;
+  /* change the direction of the change here */
+  color: #fff;
+  text-decoration: none;
+}
+
+.button-87:active {
+  transform: scale(0.95);
+}
+
+.logout {
+  padding: 5px 10px;
+  position: fixed;
+  right: 10px;
+  top: 12%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 08c20f2..199b687 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,17 +1,21 @@
 <template>
   <div id="app">
-    <!-- <img src="../assets/INFLUCO.jpg"> -->
     <h1><strong>{{ mainPageMSG1 }}</strong></h1>
     <h2><strong>{{ mainPageMSG2 }}</strong></h2>
     <ul>
       <button class="button-87" role="button" onclick="window.location.href='/popular';">Start Browse</button>
     </ul>
-    <ul>
-      <button class="button-87" role="button" onclick="window.location.href='/register';">Register</button>
-    </ul>
-    <ul>
-      <div>Already have an account? Try&nbsp;</div><a href="/login">login</a>
-    </ul>
+    <div>
+      <div v-if="!this.authenticated">
+        <ul>
+          <router-link to="/register" class="button-87">Register</router-link>
+        </ul>
+        <ul>
+          <div>Already have an account? Try&nbsp;</div><router-link v-if="!this.authenticated"
+            to="/login">login</router-link>
+        </ul>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -20,10 +24,11 @@ export default {
   name: 'app',
   data() {
     return {
+      authenticated: (localStorage.getItem('authenticated') === 'true'),
       mainPageMSG1: 'Welcome to InfluCo!',
       mainPageMSG2: 'The world’s most powerful influencer analysis platform'
     }
-  }
+  },
 }
 </script>
 
@@ -34,6 +39,8 @@ export default {
 
 body {
   background-image: url('../assets/mainPageBackground.jpg');
+  background-size: cover;
+  background-repeat: no-repeat;
 }
 
 a {
@@ -98,31 +105,4 @@ a {
 .button-87:active {
   transform: scale(0.95);
 }
-</style>
-
-<!-- <template>
-  <img alt="Vue logo" src="./assets/logo.png">
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
-</template>
-
-<script>
-import HelloWorld from './components/HelloWorld.vue'
-
-export default {
-  name: 'App',
-  components: {
-    HelloWorld
-  }
-}
-</script>
-
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style> -->
\ No newline at end of file
+</style>
\ No newline at end of file
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index fa8a540..495eb36 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -23,7 +23,6 @@
 </template>
 
 <script>
-// import axios from 'axios';
 import { UserLogin } from '../api/user';
 
 export default {
@@ -61,6 +60,8 @@ export default {
                     this.alert = 'incorrect password'
                 } else if (response.data.status === "success") {
                     this.$router.push('/dashboard')
+                    this.$emit("authenticated", true)
+                    localStorage.setItem('authenticated', 'true')
                 } else {
                     console.log('error')
                 }
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index d87aeb2..9dbc872 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -29,9 +29,6 @@
 </template>
 
 <script>
-
-
-// import axios from 'axios';
 import { UserRegister } from '../api/user';
 // same: import { UserRegister } from '@/api/user';
 
@@ -83,6 +80,8 @@ export default {
                     this.alert = 'Username already exist!'
                 } else if (response.data.status === "success") {
                     this.$router.push('/dashboard')
+                    this.$emit("authenticated", true)
+                    localStorage.setItem('authenticated', 'true')
                 } else {
                     console.log('error')
                 }

From 5ccecd9fac67f69ea61c87966737bd606552b44b Mon Sep 17 00:00:00 2001
From: Qiming Ye <1281784448yeqiming@gmail.com>
Date: Sat, 3 Dec 2022 21:06:16 -0500
Subject: [PATCH 02/49] Finish influencer detail pages; be able to see details
 for each influencer

---
 src/router/index.js      |  2 +-
 src/views/DetailView.vue | 82 ++++++++++++++++++++++++++++++++++++++--
 src/views/SearchView.vue | 20 +++-------
 3 files changed, 85 insertions(+), 19 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index ce50dbc..3497ea9 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -45,7 +45,7 @@ const routes = [
     component: Register,
   },
   {
-    path: "/detail/:id",
+    path: "/detail/:author_id",
     name: "Detail",
     component: Detail,
   },
diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index e0e4d54..0218235 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -1,15 +1,89 @@
 <template>
-    <div class="detail">
-        <h1>This is {{ window.location.pathname.slice(12,) }}} detail page</h1>
+    <div v-if="!isLoading">
+        <img class="pic" :src="`${influencerInfo.author_stats.avatar}`" alt="Avatar" @error="imageUrlAlt">
+
+        <div class="influencerDetail">
+            <p>{{ "Official Tiktok website: " + influencerInfo.url }}</p>
+            <p>{{ "Author id " + influencerInfo.author_stats.id }}</p>
+            <p>{{ "Author Nickname: " + influencerInfo.author_stats.nickname }}</p>
+            <p>{{ "Region: " + influencerInfo.author_stats.region }}</p>
+            <p>{{ "Follower Count: " + influencerInfo.author_stats.stats.followerCount }}</p>
+            <p>{{ "Like Count: " + influencerInfo.author_stats.stats.heart }}</p>
+            <p>{{ "Video Count: " + influencerInfo.author_stats.stats.videoCount }}</p>
+        </div>
+
+        <div class="videoDetail">
+            <p>======================ALL Video Information(Total 30 results)=======================</p>
+
+            <div v-for="(element, index) in influencerInfo.video_list" v-bind:key="index">
+                <p>{{ "Video Creat Location: " + element.create_location }}</p>
+                <p>{{ "Video Description: " + element.description }}</p>
+                <p>{{ "Video Label List: " + printLabel(element.label_list) }}</p>
+                <p>{{ "Video Like Count: " + element.stats.diggCount }}</p>
+                <p>{{ "Video View Count: " + element.stats.playCount }}</p>
+                <p>{{ "Video Share Count: " + element.stats.shareCount }}</p>
+                <p>==========================================================================</p>
+            </div>
+        </div>
     </div>
+
 </template>
 
 <script>
+import { useRoute } from "vue-router";
+import { GetInfluencer } from "../api/influencer";
+
 export default {
+    data() {
+        return {
+            influencerInfo: 0,
+            isLoading: true,
+            isLast: false,
+            videoNum: 0,
+        };
+    },
+    mounted() {
+        const route = useRoute();
+        const id = route.params.author_id;
+        console.log(id);
 
-}
+        GetInfluencer(id).then(response => {
+            this.influencerInfo = response.data
+        })
+        this.isLoading = false;
+    },
+    methods: {
+        printLabel(lst) {
+            console.log(lst);
+            if (lst[0] === undefined) {
+                return "No tag existed!"
+            } else {
+                return "#" + lst.join(' #')
+            }
+        },
+        imageUrlAlt(event) {
+            event.target.src = "https://i.pinimg.com/564x/d9/7b/bb/d97bbb08017ac2309307f0822e63d082.jpg"
+        },
+    }
+};
 </script>
 
-<style scoped>
+<style>
+.pic{
+    width: 150px;
+    height: 150px;
+    margin-left: 10%;
+    float: left;
+}
 
+.influencerDetail{
+    margin-top: 180px;
+    margin-left: 25%;
+    text-align:left
+}
+
+.videoDetail{
+    margin-left: 10%;
+    text-align:left
+}
 </style>
\ No newline at end of file
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 9b9e78b..33705ea 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -73,10 +73,7 @@
                     </div>
                     <div class="links">
                         <p>{{ "Influencer Detail: " }}</p>
-                        <a class="searchlink" :href="`/detail/${influencers[showAuthorIndex].author_stats.id}`"> {{ "@"
-                                +
-                                influencers[showAuthorIndex].author_stats.id
-                        }}</a>
+                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex].author_stats.id}}">{{ "@" + influencers[showAuthorIndex].author_stats.id }}</router-link>
                     </div>
                 </div>
             </div>
@@ -107,9 +104,7 @@
                     </div>
                     <div class="links">
                         <p>{{ "Influencer Detail: " }}</p>
-                        <a :href="`/detail/${influencers[showAuthorIndex + 1].author_stats.id}`"> {{ "@" +
-                                influencers[showAuthorIndex + 1].author_stats.id
-                        }}</a>
+                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex + 1].author_stats.id}}">{{ "@" + influencers[showAuthorIndex + 1].author_stats.id }}</router-link>
                     </div>
                 </div>
             </div>
@@ -142,9 +137,7 @@
                     </div>
                     <div class="links">
                         <p>{{ "Influencer Detail: " }}</p>
-                        <a :href="`/detail/${influencers[showAuthorIndex + 2].author_stats.id}`"> {{ "@" +
-                                influencers[showAuthorIndex + 2].author_stats.id
-                        }}</a>
+                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex + 2].author_stats.id}}">{{ "@" + influencers[showAuthorIndex + 2].author_stats.id }}</router-link>
                     </div>
                 </div>
             </div>
@@ -190,6 +183,7 @@ export default {
             tag: "",
             influencers: 0,
             copy_influencers: 0,
+            origin_influencers: 0,
             // influencers: null, => impossible for vue3 to declare null variable during rendering
             startIndex: 1,
             left: false,
@@ -227,6 +221,7 @@ export default {
                     throw new Error('API does not return anything for frontend')
                 }
                 this.copy_influencers = this.influencers;
+                this.origin_influencers = this.influencers;
                 this.isLoading = false;
                 this.isShowing = true;
                 console.log("Author list has " + this.influencers.length + " authors");
@@ -271,6 +266,7 @@ export default {
         },
         sort() {
             if (this.selected === "") {
+                this.influencers = this.origin_influencers;
                 return;
             }
             if (this.selected === "Followers: High to Low") {
@@ -370,10 +366,6 @@ export default {
             this.startIndexTag += 5;
         },
         filterTag(tagName) {
-            // console.log(tagName);
-            // console.log(this.copy_influencers[0]["video_list"][0]["label_list"]);
-            // console.log(this.copy_influencers[0]["video_list"][1]["label_list"]);
-            // console.log(this.copy_influencers[0]["video_list"][2]["label_list"]);
             this.activeTag = tagName;
             this.influencers = [];
             for (let k = 0; k < this.copy_influencers.length; k++) {

From 81de91b57f3f5b812f297d9d240c2c6683270f49 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Tue, 6 Dec 2022 20:22:36 -0500
Subject: [PATCH 03/49] update backend change username and password

---
 db_helper/mongodb_connect.py | 24 +++++++++++++++++++-----
 influco_web.py               | 32 ++++++++++++++++++++++++++++++--
 src/api/user.js              | 28 +++++++++++++++++++++++++---
 3 files changed, 74 insertions(+), 10 deletions(-)

diff --git a/db_helper/mongodb_connect.py b/db_helper/mongodb_connect.py
index 1bdd6c0..b22f027 100644
--- a/db_helper/mongodb_connect.py
+++ b/db_helper/mongodb_connect.py
@@ -94,15 +94,15 @@ def insert_one_user(user_info: dict):
 
 
 def update_one_user(user_info):
-    # check if already store in DB
     username = user_info["username"]
 
     query = get_one_user(username)
-    # exists, update
     if query:
-        pass
-    # insert
-    user_col.replace_one({"username": username}, user_info)
+        # replace
+
+        user_col.replace_one({"username": username}, user_info)
+    else:
+        user_col.insert_one(user_info)
     return "Success"
 
 
@@ -159,6 +159,20 @@ def update_user_likes(username: str, influ_id: str, mode: str):
     return user_info
 
 
+def update_username(username: str, new_name):
+    user_info = get_one_user(username)
+    user_info['username'] = new_name
+    user_col.replace_one({"username": username}, user_info)
+    return user_info
+
+
+def update_password(username: str, password):
+    user_info = get_one_user(username)
+    user_info['password'] = password
+    user_col.replace_one({"username": username}, user_info)
+    return user_info
+
+
 if __name__ == '__main__':
     print(DB.list_collection_names())
     #
diff --git a/influco_web.py b/influco_web.py
index 5a0e7e8..66017f2 100644
--- a/influco_web.py
+++ b/influco_web.py
@@ -114,6 +114,36 @@ def get_one_user(username):
     return jsonify(res)
 
 
+@app.route('/influco.api/username/<string:username>', methods=['post'])
+def update_username(username):
+    response_object = {'status': 'fail'}
+    try:
+        new_name = request.get_json().get("new_name")
+        res = dbc.update_username(username, new_name)
+        # no error message
+        if not isinstance(res, str):
+            response_object['status'] = 'success'
+            response_object['data'] = res
+    except Exception:
+        return jsonify({'status': 'error'})
+    return jsonify(response_object)
+
+
+@app.route('/influco.api/password/<string:username>', methods=['post'])
+def update_password(username):
+    response_object = {'status': 'fail'}
+    try:
+        password = request.get_json().get("password")
+        res = dbc.update_password(username, password)
+        # no error message
+        if not isinstance(res, str):
+            response_object['status'] = 'success'
+            response_object['data'] = res
+    except Exception:
+        return jsonify({'status': 'error'})
+    return jsonify(response_object)
+
+
 @app.route('/influco.api/register/<string:username>', methods=['put'])
 def register(username):
     """get info for one user"""
@@ -147,9 +177,7 @@ def login(username):
         user_info = dbc.get_one_user(data["username"])
         if not user_info:
             return jsonify(response_object)
-        ############## will be replaced ##############
         if user_info['password'] != data["password"]:
-            ##############################################
             return jsonify(response_object)
         response_object['status'] = 'success'
         # Frontend: get user data
diff --git a/src/api/user.js b/src/api/user.js
index 351ce1d..dd20d76 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -31,8 +31,30 @@ export function GetUser(username) {
   });
 }
 
+export function ChangeUsername(username, new_name) {
+  const data = {
+    new_name: new_name,
+  };
+  return service.request({
+    method: 'post',
+    url: `/username/${username}`,
+    data,
+  });
+}
+
+export function ChangePassword(username, password) {
+  const data = {
+    password: password,
+  };
+  return service.request({
+    method: 'post',
+    url: `/password/${username}`,
+    data,
+  });
+}
+
 export function AddHistory(username, influ_id) {
-const data = {
+  const data = {
     influ_id: influ_id,
   };
   return service.request({
@@ -50,7 +72,7 @@ export function ClearHistory(username) {
 }
 
 export function AddLike(username, influ_id) {
-const data = {
+  const data = {
     influ_id: influ_id,
   };
   return service.request({
@@ -61,7 +83,7 @@ const data = {
 }
 
 export function RemoveLike(username, influ_id) {
-const data = {
+  const data = {
     influ_id: influ_id,
   };
   return service.request({

From 44b29580efd73d225eaeb35d6a5ebe446558a292 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Tue, 6 Dec 2022 20:33:53 -0500
Subject: [PATCH 04/49] keep history views sorted

---
 db_helper/mongodb_connect.py | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/db_helper/mongodb_connect.py b/db_helper/mongodb_connect.py
index b22f027..0d2bfa3 100644
--- a/db_helper/mongodb_connect.py
+++ b/db_helper/mongodb_connect.py
@@ -115,19 +115,17 @@ def update_user_history(username: str, influ_id: Optional[str], mode: str):
     if mode == "delete":
         user_info['history'] = []
     else:
-        update = False
         for i, history in enumerate(user_info['history']):
             if history['influ_id'] == influ_id:
                 # update history by time
                 if mode == "post":
-                    history['time'] = time
-                    update = True
+                    user_info['history'].pop(i)
                     break
-        if not update:
-            user_info['history'].append({
-                "influ_id": influ_id,
-                "time": time
-            })
+
+        user_info['history'].append({
+            "influ_id": influ_id,
+            "time": time
+        })
 
     update_one_user(user_info)
     return user_info

From aba0ff538c1948433e1bbfb9222da3a1bf3d42ca Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 02:58:58 -0500
Subject: [PATCH 05/49] add dashboard

---
 package-lock.json           |  68 +++++
 package.json                |   3 +
 public/index.html           |   4 +-
 src/App.vue                 |  28 +-
 src/main.js                 |   1 -
 src/views/AboutView.vue     |   7 +
 src/views/DashboardView.vue | 583 +++++++++++++++++++++++++++++++++---
 src/views/DetailView.vue    |  19 +-
 src/views/Home.vue          |  36 ++-
 src/views/LoginView.vue     |   7 +-
 src/views/PopularView.vue   |  15 +-
 src/views/RegisterView.vue  |   5 +-
 src/views/SearchView.vue    | 309 ++++++++++---------
 13 files changed, 862 insertions(+), 223 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2ebbf58..347d9f4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,8 +15,11 @@
         "@vitejs/plugin-vue": "^3.2.0",
         "@vue/test-utils": "^2.2.1",
         "axios": "^1.2.0",
+        "bootstrap": "^5.2.3",
         "core-js": "^3.8.3",
+        "jquery": "^3.6.1",
         "jsdom": "^20.0.2",
+        "popper.js": "^1.16.1",
         "vitest": "^0.24.5",
         "vue": "^3.2.13",
         "vue-router": "^4.1.6"
@@ -1991,6 +1994,16 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "peer": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@sentry/browser": {
       "version": "7.17.4",
       "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.17.4.tgz",
@@ -3895,6 +3908,24 @@
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
       "dev": true
     },
+    "node_modules/bootstrap": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
+      "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.6"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -7740,6 +7771,11 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "node_modules/jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "node_modules/js-cookie": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
@@ -9284,6 +9320,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
+      "deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
@@ -14048,6 +14094,12 @@
       "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
       "dev": true
     },
+    "@popperjs/core": {
+      "version": "2.11.6",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
+      "integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
+      "peer": true
+    },
     "@sentry/browser": {
       "version": "7.17.4",
       "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.17.4.tgz",
@@ -15614,6 +15666,12 @@
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
       "dev": true
     },
+    "bootstrap": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
+      "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+      "requires": {}
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@@ -18344,6 +18402,11 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "js-cookie": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-2.2.1.tgz",
@@ -19509,6 +19572,11 @@
         "find-up": "^4.0.0"
       }
     },
+    "popper.js": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
+      "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ=="
+    },
     "portfinder": {
       "version": "1.0.32",
       "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.32.tgz",
diff --git a/package.json b/package.json
index 94771e6..deb9416 100644
--- a/package.json
+++ b/package.json
@@ -18,8 +18,11 @@
     "@vitejs/plugin-vue": "^3.2.0",
     "@vue/test-utils": "^2.2.1",
     "axios": "^1.2.0",
+    "bootstrap": "^5.2.3",
     "core-js": "^3.8.3",
+    "jquery": "^3.6.1",
     "jsdom": "^20.0.2",
+    "popper.js": "^1.16.1",
     "vitest": "^0.24.5",
     "vue": "^3.2.13",
     "vue-router": "^4.1.6"
diff --git a/public/index.html b/public/index.html
index ba2c38b..b1f9f5f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,9 +10,9 @@
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
-    <noscript>
+    <!-- <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
+    </noscript> -->
     <div id="app"></div>
     <!-- built files will be auto injected -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
diff --git a/src/App.vue b/src/App.vue
index bafb4dc..529ebb3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -42,24 +42,18 @@
 export default {
   name: 'app',
   data() {
-    console.log("this.authenticated: 0", localStorage.getItem('authenticated'))
     return {
       authenticated: (localStorage.getItem('authenticated') === 'true'),
     }
   },
 
   mounted() {
-    this.authenticated = (localStorage.getItem('authenticated') === 'true'),
-    console.log("this.authenticated: 1", this.authenticated)
-    if (!this.authenticated) {
-      console.log("this.authenticated 2: ", this.authenticated)
-    }
+    this.authenticated = (localStorage.getItem('authenticated') === 'true');
   },
 
   methods: {
     setAuthenticated(status) {
       this.authenticated = status;
-      console.log("this.authenticated 3: ", this.authenticated)
     },
   }
 }
@@ -72,17 +66,27 @@ export default {
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
-  margin-top: 2%;
+  height: 100%;
+}
+
+html {
+  height: 100%;
+}
+
+body {
+  height: 100%;
+  margin-top: -105px;
 }
 
 #nav {
   width: 100%;
-  height: 10%;
+  height: 95px;
   top: 0;
   position: fixed;
   text-align: center;
   align-items: center;
   margin-bottom: 0px;
+  z-index: 99;
 }
 
 #nav a {
@@ -98,17 +102,13 @@ export default {
 
 .navbar {
   min-width: 100%;
-  min-height: 40%;
+  height: 95px;
 }
 
 .navbar-collapse {
   margin-bottom: 0px;
 }
 
-.main {
-  margin-top: 250px;
-}
-
 .dashboard-icon {
   position: fixed;
   right: 20px;
diff --git a/src/main.js b/src/main.js
index 964cb33..4cb76e1 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,7 +6,6 @@ import { BrowserTracing } from "@sentry/tracing";
 
 const app = createApp(App);
 app.use(router);
-// localStorage.setItem('authenticated', 'false')
 
 Sentry.init({
     app,
diff --git a/src/views/AboutView.vue b/src/views/AboutView.vue
index 3fa2807..3a54950 100644
--- a/src/views/AboutView.vue
+++ b/src/views/AboutView.vue
@@ -3,3 +3,10 @@
     <h1>This is an about page</h1>
   </div>
 </template>
+
+<style>
+.about{
+  position:relative;
+  top: 100px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index f489a2b..5566609 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -1,58 +1,569 @@
 <template>
-  <div class="dashboard">
-    <form @submit.prevent="logout" class="login">
-      <button type="submit" class="button-87 logout">Logout</button>
-    </form>
+  <div class="dashboardPage">
+    <div class="d-flex sidebar" id="wrapper">
+      <!-- Sidebar -->
+      <div class="bg-light border-right" id="sidebar">
+        <div class="list-group list-group-flush">
+          <a class="list-group-item list-group-item-action bg-light">
+            <a href="#" @click="activateAccount" class="navbar-toggler navbar-toggler-account" type="button"
+              data-toggle="collapse" data-target="#accountContent" aria-controls="navbarSupportedContent"
+              aria-expanded="false" aria-label="Toggle navigation">
+              <a><i class="bi-house-door-fill"></i>
+                Account
+              </a>
+            </a>
+          </a>
+          <div id="accountContent" class="collapse accountContent">
+            <a href="#" class="list-group-item list-group-item-action bg-light">Reset password</a>
+            <a href="#" @click="logout" class="list-group-item list-group-item-action bg-light">Logout</a>
+          </div>
+          <a href="#" @click="activateHistory" class="list-group-item list-group-item-action bg-light"><i
+              class="bi-eye-fill"></i> History</a>
+          <a href="#" @click="activateLikes" class="list-group-item list-group-item-action bg-light"><i
+              class="bi-heart-fill"></i>
+            Favourite</a>
+          <a href="#" class="list-group-item list-group-item-action bg-light">About</a>
+        </div>
+      </div>
+    </div>
+    <div v-if="(!this.likesActivated && !this.historyActivated)" class="dashboard">
+      <div class="dashboardContent">
+        <div class="dashboardTitle">Dashboard
+        </div>
+        <div class="dashboardHistory">
+          <hr>
+          <div style="font-size: larger;">Recent Viewed 
+            <div v-if="(historyInfluencers !== [])" class="more">
+              <button @click="activateHistory" class="buttonMore">More</button>
+            </div>
+          </div>
+          <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
+            <div v-if="(flagHistoryInfluencers(i))" class="dashboardBox">
+              <p class="influencerName">{{
+                  historyInfluencers[i]["author_stats"]["nickname"]
+              }}
+              </p>
+              <p>{{ "Author ID: " + historyInfluencers[i]["author_stats"]["id"] }}</p>
+              <p>{{ "Follower Count: " +
+                  historyInfluencers[i]["author_stats"]["stats"]["followerCount"]
+              }}
+              </p>
+              <!-- 
+              <p>{{ "Like Count: " + historyInfluencers[i]["author_stats"]["stats"]["heart"] }}</p>
+              <p>{{ "Video Count: " + historyInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
+              </p> -->
+              <div class="links">
+                <p>{{ "Influencer Detail: " }}</p>
+                <router-link
+                  :to="{ name: 'Detail', params: { author_id: historyInfluencers[i]['author_stats']['id'] } }">{{
+                      "@" + historyInfluencers[i]["author_stats"]["id"]
+                  }}</router-link>
+              </div>
+            </div>
+          </div>
+          <div v-if="(historyInfluencers === [])" class="noRecentData">
+            No recent viewed influencers
+          </div>
+        </div>
+        <div class="dashboardFavourite">
+          <hr>
+          <div style="font-size: larger;"> Recent Favourite
+            <div v-if="(likesInfluencers !== [])" class="more">
+            <button @click="activateLikes" class="buttonMore">More</button>
+          </div></div>
+          <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
+
+            <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
+              <p class="influencerName">{{
+                  likesInfluencers[i]["author_stats"]["nickname"]
+              }}
+              </p>
+              <p>{{ "Author ID: " + likesInfluencers[i]["author_stats"]["id"] }}</p>
+              <p>{{ "Follower Count: " +
+                  likesInfluencers[i]["author_stats"]["stats"]["followerCount"]
+              }}
+              </p>
+              <!-- 
+              <p>{{ "Like Count: " + likesInfluencers[i]["author_stats"]["stats"]["heart"] }}</p>
+              <p>{{ "Video Count: " + likesInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
+              </p> -->
+              <div class="links">
+                <p>{{ "Influencer Detail: " }}</p>
+                <router-link
+                  :to="{ name: 'Detail', params: { author_id: likesInfluencers[i]['author_stats']['id'] } }">{{
+                      "@" + likesInfluencers[i]["author_stats"]["id"]
+                  }}</router-link>
+              </div>
+            </div>
+          </div>
+          <div v-if="(likesInfluencers === [])" class="noRecentData">
+            No recent favourite influencers
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-if="this.historyActivated">
+      <div v-for="i in [showAuthorIndexHistory, showAuthorIndexHistory + 1, showAuthorIndexHistory + 2]" v-bind:key="i"
+        class="influencerInfoHistory">
+
+        <div v-if="(flagHistoryInfluencers(i))" class="dashboardBox">
+          <p class="influencerName">{{
+              historyInfluencers[i]["author_stats"]["nickname"]
+          }}
+          </p>
+          <p>{{ "Author ID: " + historyInfluencers[i]["author_stats"]["id"] }}</p>
+          <p>{{ "Follower Count: " +
+              historyInfluencers[i]["author_stats"]["stats"]["followerCount"]
+          }}
+          </p>
+
+          <p>{{ "Like Count: " + historyInfluencers[i]["author_stats"]["stats"]["heart"] }}</p>
+          <p>{{ "Video Count: " + historyInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
+          </p>
+          <div class="links">
+            <p>{{ "Influencer Detail: " }}</p>
+            <router-link :to="{ name: 'Detail', params: { author_id: historyInfluencers[i]['author_stats']['id'] } }">{{
+                "@" + historyInfluencers[i]["author_stats"]["id"]
+            }}</router-link>
+          </div>
+        </div>
+      </div>
+      <div class="index">
+        <button class="indexButton" :disabled="leftNav()"
+          v-on:click="leftMove(this.startIndexHistory, this.curPageHistory, 'activeBtnHistory')">{{ "<" }} </button>
+
+            <button class="indexButton" :class="{ active: activeBtnHistory === 0 }"
+              :disabled="checkIndex(0, this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="showAuthor(0, this.startIndexHistory, 'activeBtnHistory')">{{
+                  startIndexHistory
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnHistory === 1 }"
+              :disabled="checkIndex(1, this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="showAuthor(1, this.startIndexHistory, 'activeBtnHistory')">{{
+                  1 +
+                  startIndexHistory
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnHistory === 2 }"
+              :disabled="checkIndex(2, this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="showAuthor(2, this.startIndexHistory, 'activeBtnHistory')">{{
+                  2 +
+                  startIndexHistory
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnHistory === 3 }"
+              :disabled="checkIndex(3, this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="showAuthor(3, this.startIndexHistory, 'activeBtnHistory')">{{
+                  3 +
+                  startIndexHistory
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnHistory === 4 }"
+              :disabled="checkIndex(4, this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="showAuthor(4, this.startIndexHistory, 'activeBtnHistory')">{{
+                  4 +
+                  startIndexHistory
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnHistory === 5 }"
+              :disabled="rightNav(this.historyInfluencers, this.startIndexHistory)"
+              v-on:click="rightMove(this.startIndexHistory, this.curPageHistory, 'activeBtnHistory')">></button>
+      </div>
+    </div>
+    <div v-if="this.likesActivated">
+      <div v-for="i in [showAuthorIndexLikes, showAuthorIndexLikes + 1, showAuthorIndexLikes + 2]" v-bind:key="i"
+        class="influencerInfoHistory">
+
+        <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
+          <p class="influencerName">{{
+              likesInfluencers[i]["author_stats"]["nickname"]
+          }}
+          </p>
+          <p>{{ "Author ID: " + likesInfluencers[i]["author_stats"]["id"] }}</p>
+          <p>{{ "Follower Count: " +
+              likesInfluencers[i]["author_stats"]["stats"]["followerCount"]
+          }}
+          </p>
+
+          <p>{{ "Like Count: " + likesInfluencers[i]["author_stats"]["stats"]["heart"] }}</p>
+          <p>{{ "Video Count: " + likesInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
+          </p>
+          <div class="links">
+            <p>{{ "Influencer Detail: " }}</p>
+            <router-link :to="{ name: 'Detail', params: { author_id: likesInfluencers[i]['author_stats']['id'] } }">{{
+                "@" + likesInfluencers[i]["author_stats"]["id"]
+            }}</router-link>
+          </div>
+        </div>
+      </div>
+      <div class="index">
+        <button class="indexButton" :disabled="leftNav()"
+          v-on:click="leftMove(this.startIndexLikes, this.curPageLikes, 'activeBtnLikes')">{{ "<" }} </button>
+
+            <button class="indexButton" :class="{ active: activeBtnLikes === 0 }"
+              :disabled="checkIndex(0, this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="showAuthor(0, this.startIndexLikes, 'activeBtnLikes')">{{
+                  startIndexLikes
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnLikes === 1 }"
+              :disabled="checkIndex(1, this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="showAuthor(1, this.startIndexLikes, 'activeBtnLikes')">{{
+                  1 +
+                  startIndexLikes
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnLikes === 2 }"
+              :disabled="checkIndex(2, this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="showAuthor(2, this.startIndexLikes, 'activeBtnLikes')">{{
+                  2 +
+                  startIndexLikes
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnLikes === 3 }"
+              :disabled="checkIndex(3, this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="showAuthor(3, this.startIndexLikes, 'activeBtnLikes')">{{
+                  3 +
+                  startIndexLikes
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnLikes === 4 }"
+              :disabled="checkIndex(4, this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="showAuthor(4, this.startIndexLikes, 'activeBtnLikes')">{{
+                  4 +
+                  startIndexLikes
+              }}</button>
+            <button class="indexButton" :class="{ active: activeBtnLikes === 5 }"
+              :disabled="rightNav(this.likesInfluencers, this.startIndexLikes)"
+              v-on:click="rightMove(this.startIndexLikes, this.curPageLikes, 'activeBtnLikes')">></button>
+      </div>
+    </div>
   </div>
+
 </template>
 
 <script>
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap/dist/js/bootstrap.min.js';
+import 'popper.js/dist/umd/popper.min.js';
+import 'jquery/dist/jquery.min.js';
+import { GetUser } from '../api/user';
+import { GetInfluencer } from '@/api/influencer';
+
 export default {
+
+  data() {
+    return {
+      username: localStorage.getItem('username'),
+      history: null,
+      likes: null,
+      historyInfluencers: [],
+      likesInfluencers: [],
+      historyActivated: false,
+      likesActivated: false,
+
+      startIndexHistory: 1,
+      activeBtnHistory: 0,
+      curPageHistory: 1,
+      showAuthorIndexHistory: 0,
+      startIndexLikes: 1,
+      activeBtnLikes: 0,
+      curPageLikes: 1,
+      showAuthorIndexLikes: 0,
+    };
+  },
+  mounted() {
+    this.updateData();
+  },
+
   methods: {
     logout() {
+      localStorage.clear();
       localStorage.setItem('authenticated', 'false')
-      this.$router.push('/').then(() => {this.$router.go()})
-    }
+      this.$router.push('/').then(() => { this.$router.go() })
+    },
+
+    flagLikesInfluencers(index) {
+      return this.likesInfluencers[index] !== undefined;
+    },
+
+    flagHistoryInfluencers(index) {
+      return this.historyInfluencers[index] !== undefined;
+    },
+
+    activateAccount() {
+      this.likesActivated = false;
+      this.historyActivated = false;
+    },
+
+    activateLikes() {
+      this.likesActivated = true;
+      this.historyActivated = false;
+    },
+
+    activateHistory() {
+      this.likesActivated = false;
+      this.historyActivated = true;
+    },
+
+    async updateData() {
+      await GetUser(this.username).then(response => {
+        this.likes = response.data.likes
+        this.history = response.data.history
+        console.log("this.likes: ", this.likes)
+        console.log("this.history: ", this.history)
+
+        for (let i = 0; i < this.likes.length; i++) {
+          GetInfluencer(this.likes[i]["influ_id"]).then(response => {
+            this.likesInfluencers.push(response.data)
+          }).catch(err => {
+            console.log(err);
+          });
+        }
+        console.log("this.likesInfluencers: ", this.likesInfluencers)
+        for (let j = 0; j < this.history.length; j++) {
+          GetInfluencer(this.history[j]["influ_id"]).then(response => {
+            this.historyInfluencers.push(response.data)
+          }).catch(err => {
+            console.log(err);
+          });
+        }
+        console.log("this.historyInfluencers: ", this.historyInfluencers)
+      }).catch(err => {
+        console.log(err);
+      });
+    },
+
+    checkIndex(curr, influencers, startIndex) {
+      return 3 * (curr + startIndex) - 2 > influencers.length;
+    },
+    leftNav(startIndex) {
+      return startIndex === 1;
+    },
+    rightNav(influencers, startIndex) {
+      return influencers.length - (Math.ceil(startIndex / 5) * 15) <= 0;
+    },
+    leftMove(startIndex, curPage, activeBtn) {
+      if (activeBtn === 'activeBtnHistory') {
+        this.startIndexHistory = startIndex - 5;
+      }
+      else {
+        this.startIndexLikes = startIndex - 5;
+      }
+      if (curPage >= startIndex && curPage < startIndex + 5) {
+        if (activeBtn === 'activeBtnHistory') {
+          this.activeBtnHistory = curPage - startIndex;
+        }
+        else {
+          this.activeBtnLikes = curPage - startIndex;
+        }
+      } else {
+        if (activeBtn === 'activeBtnHistory') {
+          this.activeBtnHistory = -1;
+        }
+        else {
+          this.activeBtnLikes = -1;
+        }
+      }
+    },
+    rightMove(startIndex, curPage, activeBtn) {
+      if (activeBtn === 'activeBtnHistory') {
+        this.activeBtnHistory = -1;
+        this.startIndexHistory = startIndex + 5;
+      }
+      else {
+        this.activeBtnLikes = -1;
+        this.startIndexLikes = startIndex + 5
+      }
+      if (curPage >= startIndex && curPage < startIndex + 5) {
+        if (activeBtn === 'activeBtnHistory') {
+          this.activeBtnHistory = curPage - startIndex;
+        }
+        else {
+          this.activeBtnLikes = curPage - startIndex;
+        }
+      } else {
+        if (activeBtn === 'activeBtnHistory') {
+          this.activeBtnHistory = -1;
+        }
+        else {
+          this.activeBtnLikes = -1;
+        }
+      }
+    },
+    showAuthor(curr, startIndex, activeBtn) {
+      if (activeBtn === 'activeBtnHistory') {
+        this.curPageHistory = startIndex + curr;
+        this.activeBtnHistory = curr;
+        this.showAuthorIndexHistory = 3 * (curr + startIndex - 1);
+      }
+      else {
+        this.curPageLikes = startIndex + curr;
+        this.activeBtnLikes = curr;
+        this.showAuthorIndexLikes = 3 * (curr + startIndex - 1);
+      }
+      // curPage = startIndex + curr;
+      // activeBtn = curr;
+      // showAuthorIndex = 3 * (curr + startIndex - 1);
+      console.log("Show authors index from " + (3 * (curr + this.startIndex - 1)) + " to " + (3 * (curr + this.startIndex)))
+    },
   }
 }
 </script>
 
 <style>
-.button-87 {
-  margin: 10px;
-  padding: 15px 30px;
+.dashboardPage {
+  display: grid;
+  grid-template-columns: 20% 80%;
+  height: 100%;
+}
+
+.dashboard {
   text-align: center;
-  text-transform: uppercase;
-  transition: 0.5s;
-  background-size: 200% auto;
-  color: white;
-  border-radius: 10px;
-  display: block;
-  border: 0px;
-  font-weight: 700;
-  box-shadow: 0px 0px 14px -7px #f09819;
-  background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
-  cursor: pointer;
-  user-select: none;
-  -webkit-user-select: none;
-  touch-action: manipulation;
-}
-
-.button-87:hover {
-  background-position: right center;
-  /* change the direction of the change here */
-  color: #fff;
-  text-decoration: none;
+  display: inline-block;
+  font-weight: bold;
+}
+
+.dashboardContent {
+  height: 100%;
+  display: grid;
+  grid-template-rows: 5% 37% 37%;
+}
+
+.dashboardTitle {
+  font-size: xx-large;
+  vertical-align: middle;
+}
+
+.dashboardHistory {
+  border: 5px;
+}
+
+.dashboardFavourite {
+  border: 5px;
+}
+
+.influencerInfo {
+  margin-left: 3%;
+  margin-right: 1%;
+  right: 7px;
+  float: left;
+  width: 28%;
+  height: 100%;
 }
 
-.button-87:active {
-  transform: scale(0.95);
+.influencerInfoHistory {
+  font-size: large;
+  margin-top: 15%;
+  margin-left: 3%;
+  margin-right: 1%;
+  right: 7px;
+  float: left;
+  width: 28%;
+  height: 30%;
+  vertical-align: middle;
 }
 
-.logout {
-  padding: 5px 10px;
+.influencerName {
+  font-style: italic;
+  font-size: large;
+}
+
+.noRecentData {
+  color: grey;
+  font-style: italic;
+  font-size: xx-large;
+}
+
+.more{
+  float: right;
+}
+
+.buttonMore {
+  border-radius: 15px;
+  background: rgb(253, 226, 230);
+  font-size: medium;
+  border: 1px;
+  height: 25px;
+  width: 60px;
+}
+
+.dashboardBox {
+  text-align: left;
+  --borderWidth: 5px;
+  position: relative;
+  border-radius: 15px;
+}
+
+.dashboardBox:after {
+  text-align: left;
+  content: '';
+  position: absolute;
+  top: calc(-3 * var(--borderWidth));
+  /* left: calc(-1 * var(--borderWidth)); */
+  /* height: 200px; */
+  height: calc(100% + var(--borderWidth) * 2);
+  width: calc(100% + var(--borderWidth) * 2);
+  background: rgb(253, 226, 230);
+  /* linear-gradient(45deg,
+            #e39e59,
+            #ea7e66,
+            #e26d8d,
+            #c096c9,
+            #748cba,
+            #579faf,
+            #5fc4b2,
+            #85bb94); */
+  border-radius: 15px;
+  z-index: -1;
+  /* animation: animated 3s ease alternate infinite; */
+  background-size: 300% 300%;
+}
+
+#sidebar {
+  /* min-height: 100vh; */
   position: fixed;
-  right: 10px;
-  top: 12%;
+  height: 100vh;
+  margin-left: -15rem;
+  -webkit-transition: margin .25s ease-out;
+  -moz-transition: margin .25s ease-out;
+  -o-transition: margin .25s ease-out;
+  transition: margin .25s ease-out;
+  font-size: x-large;
+  font-weight: bold;
+}
+
+#sidebar .sidebar-heading {
+  padding: 0.875rem 1.25rem;
+  font-size: 1.2rem;
+}
+
+.sidebar {
+  z-index: 99;
+  /* width: 20%; */
+}
+
+#sidebar .list-group {
+  width: 15rem;
+}
+
+.list-group {
+  height: 30rem;
+}
+
+#wrapper.toggled #sidebar-wrapper {
+  margin-left: 0;
+}
+
+@media (min-width: 768px) {
+  #sidebar {
+    margin-left: 0;
+  }
+
+  #wrapper.toggled #sidebar {
+    margin-left: -15rem;
+  }
+}
+
+.accountContent {
+  font-size: medium;
+}
+
+.navbar-toggler-account {
+  text-decoration: none;
+  font-weight: bold;
+  color: black;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index 0218235..07c2886 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -1,6 +1,6 @@
 <template>
-    <div v-if="!isLoading">
-        <img class="pic" :src="`${influencerInfo.author_stats.avatar}`" alt="Avatar" @error="imageUrlAlt">
+    <div v-if="!isLoading" class="detailView">
+        <img class="pic" :src="`${influencerInfo['author_stats']['avatar']}`" alt="Avatar" @error="imageUrlAlt">
 
         <div class="influencerDetail">
             <p>{{ "Official Tiktok website: " + influencerInfo.url }}</p>
@@ -69,21 +69,26 @@ export default {
 </script>
 
 <style>
-.pic{
+.detailView {
+    position: relative;
+    top: 100px;
+}
+
+.pic {
     width: 150px;
     height: 150px;
     margin-left: 10%;
     float: left;
 }
 
-.influencerDetail{
+.influencerDetail {
     margin-top: 180px;
     margin-left: 25%;
-    text-align:left
+    text-align: left
 }
 
-.videoDetail{
+.videoDetail {
     margin-left: 10%;
-    text-align:left
+    text-align: left
 }
 </style>
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 199b687..993f69d 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,19 +1,21 @@
 <template>
   <div id="app">
-    <h1><strong>{{ mainPageMSG1 }}</strong></h1>
-    <h2><strong>{{ mainPageMSG2 }}</strong></h2>
-    <ul>
-      <button class="button-87" role="button" onclick="window.location.href='/popular';">Start Browse</button>
-    </ul>
-    <div>
-      <div v-if="!this.authenticated">
-        <ul>
-          <router-link to="/register" class="button-87">Register</router-link>
-        </ul>
-        <ul>
-          <div>Already have an account? Try&nbsp;</div><router-link v-if="!this.authenticated"
-            to="/login">login</router-link>
-        </ul>
+    <div class="home">
+      <h1><strong>{{ mainPageMSG1 }}</strong></h1>
+      <h2><strong>{{ mainPageMSG2 }}</strong></h2>
+      <ul>
+        <button class="button-87" role="button" onclick="window.location.href='/popular';">Start Browse</button>
+      </ul>
+      <div>
+        <div v-if="!this.authenticated">
+          <ul>
+            <router-link to="/register" class="button-87">Register</router-link>
+          </ul>
+          <ul>
+            <div>Already have an account? Try&nbsp;</div><router-link v-if="!this.authenticated"
+              to="/login">login</router-link>
+          </ul>
+        </div>
       </div>
     </div>
   </div>
@@ -35,6 +37,12 @@ export default {
 <style>
 .main {
   margin-top: 250px;
+  height: 100%;
+}
+
+.home {
+  position:relative;
+  top: 100px;
 }
 
 body {
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 495eb36..9b7119c 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -62,6 +62,9 @@ export default {
                     this.$router.push('/dashboard')
                     this.$emit("authenticated", true)
                     localStorage.setItem('authenticated', 'true')
+                    localStorage.setItem('username', this.username)
+                    // localStorage.setItem('likes', JSON.stringify(response.data.data.likes))
+                    // localStorage.setItem('history', JSON.stringify(response.data.data.history))
                 } else {
                     console.log('error')
                 }
@@ -80,6 +83,8 @@ div {
 
 .login {
     font-size: x-large;
+    position: relative;
+    top: 100px;
 }
 
 .login-input {
@@ -102,7 +107,7 @@ div {
 
 .button-register {
     display: inline-block;
-    margin-top: 30px;
+    margin-top: 100px;
     padding: 5px 15px;
     font-size: medium;
 }
diff --git a/src/views/PopularView.vue b/src/views/PopularView.vue
index 07f7f2a..c54cf7c 100644
--- a/src/views/PopularView.vue
+++ b/src/views/PopularView.vue
@@ -1,6 +1,13 @@
 <template>
-    <div class="popular">
-      <h1>This is a popular page</h1>
-    </div>
-  </template>
+  <div class="popular">
+    <h1>This is a popular page</h1>
+  </div>
+</template>
+
+<style>
+.popular {
+  position: relative;
+  top: 100px;
+}
+</style>
   
\ No newline at end of file
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index 9dbc872..a17746f 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -82,6 +82,7 @@ export default {
                     this.$router.push('/dashboard')
                     this.$emit("authenticated", true)
                     localStorage.setItem('authenticated', 'true')
+                    localStorage.setItem('username', this.username)
                 } else {
                     console.log('error')
                 }
@@ -100,6 +101,8 @@ div {
 
 .register {
     font-size: x-large;
+    position: relative;
+    top: 100px;
 }
 
 .register-input {
@@ -125,6 +128,6 @@ div {
 }
 
 .login-at-register {
-    margin-top: 20px;
+    margin-top: 100px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 33705ea..284c261 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -7,167 +7,184 @@
 
             <button class="searchButton" v-on:click="searching();">Search</button>
         </div>
-    </div>
-
-    <div v-if="isLoading" class="loading">
-        <h1>Loading ...</h1>
-    </div>
-
-    <div v-if="isShowing" class="result">
-        <div class="tagButtonsList">
-            <button class="allButton" v-on:click="showAll()">{{ "ALL" }}</button>
-
-            <button class="allButton" :disabled="leftNavTag()" v-on:click="leftMoveTag()">{{ "<" }}</button>
 
-                    <button class="tagButtons"
-                        v-for="item in (tagFrequencyAll().slice(startIndexTag, startIndexTag + 5))" v-bind:key="item[0]"
-                        :class="{ active: activeTag === item[0] }" v-on:click="filterTag(item[0])">{{ "#" + item[0]
-                        }}</button>
 
-                    <button class="allButton" :disabled="rightNavTag()" v-on:click="rightMoveTag()">></button>
+        <div v-if="isLoading" class="loading">
+            <h1>Loading ...</h1>
         </div>
 
-        <div class="filterButtons">
+        <div v-if="isShowing" class="result">
+            <div class="tagButtonsList">
+                <button class="allButton" v-on:click="showAll()">{{ "ALL" }}</button>
 
-            <label>
-                <!-- <select v-model="selected" v-on:click="sort()"> -->
-                <select v-model="selected" v-on:change="sort()">
-                    <p>Choose order here: </p>
-                    <!--                    <option value="" selected disabled hidden>Choose sort by:</option>-->
-                    <!-- TODO: <option value="Recommend">Recommend</option>-->
-                    <option value="">Default</option>
-                    <option value="Followers: High to Low">Followers: High to Low</option>
-                    <option value="Video Count: High to Low">Video Count: High to Low</option>
-                    <option value="Like Count: High to Low">Like Count: High to Low</option>
-                </select>
-                <p>Sorted by {{ selected }}</p>
-            </label>
-        </div>
-
-        <div>
-            <h4>Total results: {{ influencers !== 0 ? influencers.length : "Loading" }}</h4>
-        </div>
-        <div class="authorDetails">
-            <div class="singleAuthor1">
-                <div v-if="flag(showAuthorIndex)" class="sameBorder">
-                    <p class="text">{{ "Author Nickname: " + influencers[showAuthorIndex]["author_stats"]["nickname"] }}
-                    </p>
+                <button class="allButton" :disabled="leftNavTag()" v-on:click="leftMoveTag()">{{ "<" }}</button>
 
-                    <p>{{ "Author ID: " + influencers[showAuthorIndex]["author_stats"]["id"] }}</p>
+                        <button class="tagButtons"
+                            v-for="item in (tagFrequencyAll().slice(startIndexTag, startIndexTag + 5))"
+                            v-bind:key="item[0]" :class="{ active: activeTag === item[0] }"
+                            v-on:click="filterTag(item[0])">{{ "#" + item[0]
+                            }}</button>
 
-                    <p>{{ "Follower Count: " + influencers[showAuthorIndex]["author_stats"]["stats"]["followerCount"] }}
-                    </p>
-
-                    <p>{{ "Like Count: " + influencers[showAuthorIndex]["author_stats"]["stats"]["heart"] }}</p>
-
-                    <p>{{ "Video Count: " + influencers[showAuthorIndex]["author_stats"]["stats"]["videoCount"] }}</p>
-
-                    <div class="links">
-                        <p>{{ "Official site: " }}</p>
-                        <a :href="influencers[showAuthorIndex].url"> {{ influencers[showAuthorIndex]["url"] }}</a>
-                    </div>
-                    <div class="links">
-                        <p>{{ "Popular tags: " }}</p>
-                        <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex])"
-                            v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
-                    </div>
-                    <div class="links">
-                        <p>{{ "Influencer Detail: " }}</p>
-                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex].author_stats.id}}">{{ "@" + influencers[showAuthorIndex].author_stats.id }}</router-link>
-                    </div>
-                </div>
+                        <button class="allButton" :disabled="rightNavTag()" v-on:click="rightMoveTag()">></button>
             </div>
-            <div class="singleAuthor2">
-                <div v-if="flag(showAuthorIndex + 1)" class="sameBorder">
-                    <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 1]["author_stats"]["nickname"] }}</p>
-
-                    <p>{{ "Author ID: " + influencers[showAuthorIndex + 1]["author_stats"]["id"] }}</p>
-
-                    <p>{{ "Follower Count: " + influencers[showAuthorIndex +
-                            1]["author_stats"]["stats"]["followerCount"]
-                    }}</p>
 
-                    <p>{{ "Like Count: " + influencers[showAuthorIndex + 1]["author_stats"]["stats"]["heart"] }}</p>
-
-                    <p>{{ "Video Count: " + influencers[showAuthorIndex + 1]["author_stats"]["stats"]["videoCount"] }}
-                    </p>
+            <div class="filterButtons">
+
+                <label>
+                    <!-- <select v-model="selected" v-on:click="sort()"> -->
+                    <select v-model="selected" v-on:change="sort()">
+                        <p>Choose order here: </p>
+                        <!--                    <option value="" selected disabled hidden>Choose sort by:</option>-->
+                        <!-- TODO: <option value="Recommend">Recommend</option>-->
+                        <option value="">Default</option>
+                        <option value="Followers: High to Low">Followers: High to Low</option>
+                        <option value="Video Count: High to Low">Video Count: High to Low</option>
+                        <option value="Like Count: High to Low">Like Count: High to Low</option>
+                    </select>
+                    <p>Sorted by {{ selected }}</p>
+                </label>
+            </div>
 
-                    <div class="links">
-                        <p>{{ "Official site: " }}</p>
-                        <a :href="influencers[showAuthorIndex + 1].url"> {{ influencers[showAuthorIndex + 1]["url"]
-                        }}</a>
-                    </div>
-                    <div class="links">
-                        <p>{{ "Popular tags: " }}</p>
-                        <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex + 1])"
-                            v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
+            <div>
+                <h4>Total results: {{ influencers !== 0 ? influencers.length : "Loading" }}</h4>
+            </div>
+            <div class="authorDetails">
+                <div class="singleAuthor1">
+                    <div v-if="flag(showAuthorIndex)" class="sameBorder">
+                        <p class="text">{{ "Author Nickname: " +
+                                influencers[showAuthorIndex]["author_stats"]["nickname"]
+                        }}
+                        </p>
+
+                        <p>{{ "Author ID: " + influencers[showAuthorIndex]["author_stats"]["id"] }}</p>
+
+                        <p>{{ "Follower Count: " +
+                                influencers[showAuthorIndex]["author_stats"]["stats"]["followerCount"]
+                        }}
+                        </p>
+
+                        <p>{{ "Like Count: " + influencers[showAuthorIndex]["author_stats"]["stats"]["heart"] }}</p>
+
+                        <p>{{ "Video Count: " + influencers[showAuthorIndex]["author_stats"]["stats"]["videoCount"] }}
+                        </p>
+
+                        <div class="links">
+                            <p>{{ "Official site: " }}</p>
+                            <a :href="influencers[showAuthorIndex].url"> {{ influencers[showAuthorIndex]["url"] }}</a>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Popular tags: " }}</p>
+                            <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex])"
+                                v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Influencer Detail: " }}</p>
+                            <router-link
+                                :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex]['author_stats']['id'] } }">{{
+                                        "@" + influencers[showAuthorIndex]["author_stats"]["id"]
+                                }}</router-link>
+                        </div>
                     </div>
-                    <div class="links">
-                        <p>{{ "Influencer Detail: " }}</p>
-                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex + 1].author_stats.id}}">{{ "@" + influencers[showAuthorIndex + 1].author_stats.id }}</router-link>
+                </div>
+                <div class="singleAuthor2">
+                    <div v-if="flag(showAuthorIndex + 1)" class="sameBorder">
+                        <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 1]["author_stats"]["nickname"] }}</p>
+
+                        <p>{{ "Author ID: " + influencers[showAuthorIndex + 1]["author_stats"]["id"] }}</p>
+
+                        <p>{{ "Follower Count: " + influencers[showAuthorIndex +
+                                1]["author_stats"]["stats"]["followerCount"]
+                        }}</p>
+
+                        <p>{{ "Like Count: " + influencers[showAuthorIndex + 1]["author_stats"]["stats"]["heart"] }}</p>
+
+                        <p>{{ "Video Count: " + influencers[showAuthorIndex + 1]["author_stats"]["stats"]["videoCount"]
+                        }}
+                        </p>
+
+                        <div class="links">
+                            <p>{{ "Official site: " }}</p>
+                            <a :href="influencers[showAuthorIndex + 1].url"> {{ influencers[showAuthorIndex + 1]["url"]
+                            }}</a>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Popular tags: " }}</p>
+                            <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex + 1])"
+                                v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Influencer Detail: " }}</p>
+                            <router-link
+                                :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex + 1]['author_stats']['id'] } }">{{
+                                        "@" + influencers[showAuthorIndex + 1]["author_stats"]["id"]
+                                }}</router-link>
+                        </div>
                     </div>
                 </div>
-            </div>
-
-            <div class="singleAuthor3">
-                <div v-if="flag(showAuthorIndex + 2)" class="sameBorder">
-                    <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 2]["author_stats"]["nickname"] }}</p>
-
-                    <p>{{ "Author ID: " + influencers[showAuthorIndex + 2]["author_stats"]["id"] }}</p>
-
-                    <p>{{ "Follower Count: " + influencers[showAuthorIndex +
-                            2]["author_stats"]["stats"]["followerCount"]
-                    }}</p>
 
-                    <p>{{ "Like Count: " + influencers[showAuthorIndex + 2]["author_stats"]["stats"]["heart"] }}</p>
-
-                    <p>{{ "Video Count: " + influencers[showAuthorIndex + 2]["author_stats"]["stats"]["videoCount"]
-                    }}
-                    </p>
-
-                    <div class="links">
-                        <p>{{ "Official site: " }}</p>
-                        <a :href="influencers[showAuthorIndex + 2].url"> {{ influencers[showAuthorIndex + 2]["url"]
-                        }}</a>
-                    </div>
-                    <div class="links">
-                        <p>{{ "Popular tags: " }}</p>
-                        <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex + 2])"
-                            v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
-                    </div>
-                    <div class="links">
-                        <p>{{ "Influencer Detail: " }}</p>
-                        <router-link :to="{name: 'Detail', params: {author_id: influencers[showAuthorIndex + 2].author_stats.id}}">{{ "@" + influencers[showAuthorIndex + 2].author_stats.id }}</router-link>
+                <div class="singleAuthor3">
+                    <div v-if="flag(showAuthorIndex + 2)" class="sameBorder">
+                        <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 2]["author_stats"]["nickname"] }}</p>
+
+                        <p>{{ "Author ID: " + influencers[showAuthorIndex + 2]["author_stats"]["id"] }}</p>
+
+                        <p>{{ "Follower Count: " + influencers[showAuthorIndex +
+                                2]["author_stats"]["stats"]["followerCount"]
+                        }}</p>
+
+                        <p>{{ "Like Count: " + influencers[showAuthorIndex + 2]["author_stats"]["stats"]["heart"] }}</p>
+
+                        <p>{{ "Video Count: " + influencers[showAuthorIndex + 2]["author_stats"]["stats"]["videoCount"]
+                        }}
+                        </p>
+
+                        <div class="links">
+                            <p>{{ "Official site: " }}</p>
+                            <a :href="influencers[showAuthorIndex + 2].url"> {{ influencers[showAuthorIndex + 2]["url"]
+                            }}</a>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Popular tags: " }}</p>
+                            <button class="tagButton" v-for="item in tagFrequency(influencers[showAuthorIndex + 2])"
+                                v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
+                        </div>
+                        <div class="links">
+                            <p>{{ "Influencer Detail: " }}</p>
+                            <router-link
+                                :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex + 2]['author_stats']['id'] } }">{{
+                                        "@" + influencers[showAuthorIndex + 2]["author_stats"]["id"]
+                                }}</router-link>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
 
-        <div class="index">
-            <button class="indexButton" :disabled="leftNav()" v-on:click="leftMove()">{{ "<" }} </button>
-
-                    <button class="indexButton" :class="{ active: activeBtn === 0 }" :disabled="checkIndex(0)"
-                        v-on:click="showAuthor(0)">{{ startIndex
-                        }}</button>
-                    <button class="indexButton" :class="{ active: activeBtn === 1 }" :disabled="checkIndex(1)"
-                        v-on:click="showAuthor(1)">{{ 1 +
-                                startIndex
-                        }}</button>
-                    <button class="indexButton" :class="{ active: activeBtn === 2 }" :disabled="checkIndex(2)"
-                        v-on:click="showAuthor(2)">{{ 2 +
-                                startIndex
-                        }}</button>
-                    <button class="indexButton" :class="{ active: activeBtn === 3 }" :disabled="checkIndex(3)"
-                        v-on:click="showAuthor(3)">{{ 3 +
-                                startIndex
-                        }}</button>
-                    <button class="indexButton" :class="{ active: activeBtn === 4 }" :disabled="checkIndex(4)"
-                        v-on:click="showAuthor(4)">{{ 4 +
-                                startIndex
-                        }}</button>
-
-                    <button class="indexButton" :class="{ active: activeBtn === 5 }" :disabled="rightNav()"
-                        v-on:click="rightMove()">></button>
+            <div class="index">
+                <button class="indexButton" :disabled="leftNav()" v-on:click="leftMove()">{{ "<" }} </button>
+
+                        <button class="indexButton" :class="{ active: activeBtn === 0 }" :disabled="checkIndex(0)"
+                            v-on:click="showAuthor(0)">{{ startIndex
+                            }}</button>
+                        <button class="indexButton" :class="{ active: activeBtn === 1 }" :disabled="checkIndex(1)"
+                            v-on:click="showAuthor(1)">{{ 1 +
+                                    startIndex
+                            }}</button>
+                        <button class="indexButton" :class="{ active: activeBtn === 2 }" :disabled="checkIndex(2)"
+                            v-on:click="showAuthor(2)">{{ 2 +
+                                    startIndex
+                            }}</button>
+                        <button class="indexButton" :class="{ active: activeBtn === 3 }" :disabled="checkIndex(3)"
+                            v-on:click="showAuthor(3)">{{ 3 +
+                                    startIndex
+                            }}</button>
+                        <button class="indexButton" :class="{ active: activeBtn === 4 }" :disabled="checkIndex(4)"
+                            v-on:click="showAuthor(4)">{{ 4 +
+                                    startIndex
+                            }}</button>
+
+                        <button class="indexButton" :class="{ active: activeBtn === 5 }" :disabled="rightNav()"
+                            v-on:click="rightMove()">></button>
+            </div>
         </div>
     </div>
 </template>
@@ -386,6 +403,12 @@ export default {
 
 <style lang="css">
 @import "./SearchView/search.css";
+
+.search {
+    position: relative;
+    top: 50px;
+}
+
 /* .searchBox{
     display: inline;
 }

From 1ef9e3871e0e5503301575d7963bb0ff87333f8a Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 13:58:24 -0500
Subject: [PATCH 06/49] add reset username and password

---
 src/views/DashboardView.vue | 137 +++++++++++++++++++++++++++++++++---
 src/views/LoginView.vue     |   2 -
 2 files changed, 129 insertions(+), 10 deletions(-)

diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 5566609..ee29b4c 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -14,7 +14,10 @@
             </a>
           </a>
           <div id="accountContent" class="collapse accountContent">
-            <a href="#" class="list-group-item list-group-item-action bg-light">Reset password</a>
+            <a href="#" @click="activateResetUsername" class="list-group-item list-group-item-action bg-light">Reset
+              Username</a>
+            <a href="#" @click="activateResetPassword" class="list-group-item list-group-item-action bg-light">Reset
+              Password</a>
             <a href="#" @click="logout" class="list-group-item list-group-item-action bg-light">Logout</a>
           </div>
           <a href="#" @click="activateHistory" class="list-group-item list-group-item-action bg-light"><i
@@ -26,13 +29,15 @@
         </div>
       </div>
     </div>
-    <div v-if="(!this.likesActivated && !this.historyActivated)" class="dashboard">
+    <div
+      v-if="(!this.likesActivated && !this.historyActivated && !this.resetUsernameActivated && !this.resetPasswordActivated)"
+      class="dashboard">
       <div class="dashboardContent">
         <div class="dashboardTitle">Dashboard
         </div>
         <div class="dashboardHistory">
           <hr>
-          <div style="font-size: larger;">Recent Viewed 
+          <div style="font-size: larger;">Recent Viewed
             <div v-if="(historyInfluencers !== [])" class="more">
               <button @click="activateHistory" class="buttonMore">More</button>
             </div>
@@ -69,10 +74,11 @@
           <hr>
           <div style="font-size: larger;"> Recent Favourite
             <div v-if="(likesInfluencers !== [])" class="more">
-            <button @click="activateLikes" class="buttonMore">More</button>
-          </div></div>
+              <button @click="activateLikes" class="buttonMore">More</button>
+            </div>
+          </div>
           <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
-
+            <!-- <a href="#" style="float: right;">...</a> -->
             <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
               <p class="influencerName">{{
                   likesInfluencers[i]["author_stats"]["nickname"]
@@ -230,6 +236,38 @@
               v-on:click="rightMove(this.startIndexLikes, this.curPageLikes, 'activeBtnLikes')">></button>
       </div>
     </div>
+    <div v-if="this.resetUsernameActivated">
+      <form @submit.prevent="resetUsername" class="login">
+        <div>
+          <label class="login-prompt">
+            New Username:
+          </label>
+          <input type="text" v-model="newUsername" class="login-input" />
+        </div>
+        <button type="submit" class="button-87">Reset</button>
+        <br>
+      </form>
+      <div id="alert" v-if="alert">{{ alert }}</div>
+    </div>
+    <div v-if="this.resetPasswordActivated">
+      <form @submit.prevent="resetPassword" class="login">
+        <div>
+          <label class="login-prompt">
+            New Password:
+          </label>
+          <input type="text" v-model="newPassword" class="login-input" />
+        </div>
+        <div>
+          <label class="login-prompt">
+            Verify New Password:
+          </label>
+          <input type="text" v-model="newPasswordVerify" class="login-input" />
+        </div>
+        <button type="submit" class="button-87">Reset</button>
+        <br>
+      </form>
+      <div id="alert" v-if="alert">{{ alert }}</div>
+    </div>
   </div>
 
 </template>
@@ -239,7 +277,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
 import 'popper.js/dist/umd/popper.min.js';
 import 'jquery/dist/jquery.min.js';
-import { GetUser } from '../api/user';
+import { GetUser, ChangeUsername, ChangePassword } from '../api/user';
 import { GetInfluencer } from '@/api/influencer';
 
 export default {
@@ -253,6 +291,8 @@ export default {
       likesInfluencers: [],
       historyActivated: false,
       likesActivated: false,
+      resetUsernameActivated: false,
+      resetPasswordActivated: false,
 
       startIndexHistory: 1,
       activeBtnHistory: 0,
@@ -262,6 +302,11 @@ export default {
       activeBtnLikes: 0,
       curPageLikes: 1,
       showAuthorIndexLikes: 0,
+
+      newUsername: '',
+      newPassword: '',
+      newPasswordVerify: "",
+      alert: '',
     };
   },
   mounted() {
@@ -284,18 +329,94 @@ export default {
     },
 
     activateAccount() {
+      this.newUsername = '',
+      this.newPassword = '',
+      this.newPasswordVerify = "",
+      this.alert = '',
       this.likesActivated = false;
       this.historyActivated = false;
+      this.resetUsernameActivated = false;
+      this.resetPasswordActivated = false;
     },
 
     activateLikes() {
+      this.newUsername = '',
+      this.newPassword = '',
+      this.newPasswordVerify = "",
+      this.alert = '',
       this.likesActivated = true;
       this.historyActivated = false;
+      this.resetUsernameActivated = false;
+      this.resetPasswordActivated = false;
     },
 
     activateHistory() {
+      this.newUsername = '',
+      this.newPassword = '',
+      this.newPasswordVerify = "",
+      this.alert = '',
       this.likesActivated = false;
       this.historyActivated = true;
+      this.resetUsernameActivated = false;
+      this.resetPasswordActivated = false;
+    },
+
+    activateResetUsername() {
+      this.newUsername = '',
+      this.newPassword = '',
+      this.newPasswordVerify = "",
+      this.alert = '',
+      this.likesActivated = false;
+      this.historyActivated = false;
+      this.resetUsernameActivated = true;
+      this.resetPasswordActivated = false;
+    },
+
+    activateResetPassword() {
+      this.newUsername = '',
+      this.newPassword = '',
+      this.newPasswordVerify = "",
+      this.alert = '',
+      this.likesActivated = false;
+      this.historyActivated = false;
+      this.resetUsernameActivated = false;
+      this.resetPasswordActivated = true;
+    },
+
+    resetUsername() {
+      this.alert = "";
+      ChangeUsername(this.username, this.newUsername).then(response => {
+        if (response.data.status === 'fail') {
+          this.alert = 'Failed to reset username, username already exists'
+        } else if (response.data.status === "success") {
+          this.username = response.data.username
+          this.alert = 'successfully reset username'
+          localStorage.setItem('username', this.username)
+        } else {
+          console.log('error')
+        }
+      }).catch(err => {
+        console.log(err);
+      });
+    },
+
+    resetPassword() {
+      this.alert = "";
+      if (this.password !== this.passwordVerify) {
+        this.alert = "Passwords must match";
+        return;
+      }
+      ChangePassword(this.username, this.newPassword).then(response => {
+        if (response.data.status === 'fail') {
+          this.alert = 'Failed to reset password'
+        } else if (response.data.status === "success") {
+          this.alert = 'successfully reset password'
+        } else {
+          console.log('error')
+        }
+      }).catch(err => {
+        console.log(err);
+      });
     },
 
     async updateData() {
@@ -467,7 +588,7 @@ export default {
   font-size: xx-large;
 }
 
-.more{
+.more {
   float: right;
 }
 
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 9b7119c..44651c2 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -63,8 +63,6 @@ export default {
                     this.$emit("authenticated", true)
                     localStorage.setItem('authenticated', 'true')
                     localStorage.setItem('username', this.username)
-                    // localStorage.setItem('likes', JSON.stringify(response.data.data.likes))
-                    // localStorage.setItem('history', JSON.stringify(response.data.data.history))
                 } else {
                     console.log('error')
                 }

From 90486e69d161d02085a361fbf09c12e157f99de4 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 13:58:49 -0500
Subject: [PATCH 07/49] backend test 80% coverage

---
 influco_web.py                    |  2 +-
 test_flask/__init__.py            |  0
 test_flask/test_influencer_api.py | 99 ++++++++++++++++++++++++++++++-
 3 files changed, 98 insertions(+), 3 deletions(-)
 create mode 100644 test_flask/__init__.py

diff --git a/influco_web.py b/influco_web.py
index 66017f2..975bf62 100644
--- a/influco_web.py
+++ b/influco_web.py
@@ -97,7 +97,7 @@ def get_influencers_by_tag(tag_str):
         all_influ = dbc.get_all_influencer()
         match_list = da.get_match_influ(tag_str, all_influ)
         res = match_list
-        # Return error if and only if connection error
+    # Return error if and only if connection error
     except Exception:
         return jsonify("error")
     return jsonify(res)
diff --git a/test_flask/__init__.py b/test_flask/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/test_flask/test_influencer_api.py b/test_flask/test_influencer_api.py
index 9f90040..8a66426 100644
--- a/test_flask/test_influencer_api.py
+++ b/test_flask/test_influencer_api.py
@@ -1,13 +1,108 @@
 import ast
 
-import pytest
 from influco_web import app
 
 
-def test_get_order():
+def test_hello_backend():
     response = app.test_client().get("/influco.api")
 
     # convert into python dict
     data = ast.literal_eval(response.data.decode('utf-8'))
     assert response.status_code == 200
     assert data == "Hello, InfluCo backend!"
+
+
+def test_get_one_influencer():
+    response = app.test_client().get("/influco.api/influencer/afrae.es")
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))
+    assert response.status_code == 200
+    assert data["author_stats"]["id"] == "afrae.es"
+
+
+def test_get_influencers_by_tag():
+    response = app.test_client().get("/influco.api/tag/dance")
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))
+    assert response.status_code == 200
+    assert len(data) == 68
+
+
+def test_get_one_user():
+    response = app.test_client().get("/influco.api/user/test_user")
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))
+    assert response.status_code == 200
+    assert data == {'_id': '6390dc6030d1e13b11528d29',
+                    'history': [],
+                    'likes': [],
+                    'password': 'test',
+                    'username': 'test_user'}
+
+
+def test_get_login():
+    response = app.test_client().post("/influco.api/login/test_user",
+                                      json={"username": "test_user",
+                                            "password": "test"})
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))
+    assert response.status_code == 200
+    assert data["data"] == {'_id': '6390dc6030d1e13b11528d29',
+                            'history': [],
+                            'likes': [],
+                            'password': 'test',
+                            'username': 'test_user'}
+
+
+def test_add_history():
+    response = app.test_client().post("/influco.api/history/test_user",
+                                      json={"influ_id": "test_influ"})
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))['data']
+    assert response.status_code == 200
+    assert data["history"][-1]["influ_id"] == "test_influ"
+
+
+def test_clear_history():
+    response = app.test_client().delete("/influco.api/history/test_user")
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))['data']
+    assert response.status_code == 200
+    assert data["history"] == []
+
+
+def test_add_like():
+    response = app.test_client().post("/influco.api/likes/test_user",
+                                      json={"influ_id": "test_influ"})
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))['data']
+    assert response.status_code == 200
+    assert data["likes"][-1]["influ_id"] == "test_influ"
+
+
+def test_remove_like():
+    response = app.test_client().delete("/influco.api/likes/test_user",
+                                        json={"influ_id": "test_influ"})
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))['data']
+    assert response.status_code == 200
+    assert data["likes"] == []
+
+
+def test_register_duplicate():
+    response = app.test_client().put("/influco.api/register/test_user",
+                                        json={"username": "test_user",
+                                              "password": "test"})
+
+    # convert into python dict
+    data = ast.literal_eval(response.data.decode('utf-8'))
+    assert response.status_code == 200
+    assert data == {'status': 'fail'}

From d924cd93940db255ed8670f0dfce249270d16eae Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 14:01:30 -0500
Subject: [PATCH 08/49] backend test 80% coverage

---
 requirements.txt | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/requirements.txt b/requirements.txt
index 87ae2b6..903fe8f 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -8,13 +8,11 @@ MarkupSafe==2.1.1
 python-dotenv==0.21.0
 Werkzeug==2.2.2
 pytest==7.2.0
+pytest-cov==4.0.0
 sentry-sdk==1.10.1
 blinker==1.5
 pymongo==4.3.3
 spacy==3.4.3
 
-# TODO: need run next command line after install spacy
-# python -m spacy download en_core_web_sm
-
 # spacy model for nlp
 https://github.com/explosion/spacy-models/releases/download/en_core_web_md-3.4.1/en_core_web_md-3.4.1-py3-none-any.whl

From 5fc6bcccf842e43fbf957cb91220d2e70c6dae35 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 14:05:29 -0500
Subject: [PATCH 09/49] check duplicate username and password

---
 db_helper/mongodb_connect.py | 2 ++
 influco_web.py               | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/db_helper/mongodb_connect.py b/db_helper/mongodb_connect.py
index 0d2bfa3..4096773 100644
--- a/db_helper/mongodb_connect.py
+++ b/db_helper/mongodb_connect.py
@@ -166,6 +166,8 @@ def update_username(username: str, new_name):
 
 def update_password(username: str, password):
     user_info = get_one_user(username)
+    if user_info['password'] == password:
+        return "Same password"
     user_info['password'] = password
     user_col.replace_one({"username": username}, user_info)
     return user_info
diff --git a/influco_web.py b/influco_web.py
index 975bf62..99ee924 100644
--- a/influco_web.py
+++ b/influco_web.py
@@ -119,6 +119,9 @@ def update_username(username):
     response_object = {'status': 'fail'}
     try:
         new_name = request.get_json().get("new_name")
+        # cannot update duplicate
+        if username == new_name:
+            return jsonify(response_object)
         res = dbc.update_username(username, new_name)
         # no error message
         if not isinstance(res, str):

From f1eb5a045d237999a3a7133cfe5c11af280e7d6f Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 14:39:54 -0500
Subject: [PATCH 10/49] fix bug in resetUsername

---
 influco_web.py              |  3 ++-
 src/views/DashboardView.vue |  9 +++------
 src/views/LoginView.vue     | 19 -------------------
 src/views/RegisterView.vue  | 25 -------------------------
 4 files changed, 5 insertions(+), 51 deletions(-)

diff --git a/influco_web.py b/influco_web.py
index 99ee924..24bda40 100644
--- a/influco_web.py
+++ b/influco_web.py
@@ -120,7 +120,8 @@ def update_username(username):
     try:
         new_name = request.get_json().get("new_name")
         # cannot update duplicate
-        if username == new_name:
+        user = dbc.get_one_user(new_name)
+        if user:
             return jsonify(response_object)
         res = dbc.update_username(username, new_name)
         # no error message
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index ee29b4c..f72faf0 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -78,7 +78,7 @@
             </div>
           </div>
           <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
-            <!-- <a href="#" style="float: right;">...</a> -->
+            <!-- <a href="#" @click="activateLikes" style="float: right; bottom: 3px;"><i class="bi-three-dots"></i></a> -->
             <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
               <p class="influencerName">{{
                   likesInfluencers[i]["author_stats"]["nickname"]
@@ -389,9 +389,9 @@ export default {
         if (response.data.status === 'fail') {
           this.alert = 'Failed to reset username, username already exists'
         } else if (response.data.status === "success") {
-          this.username = response.data.username
+          this.username = response.data.data['username']
           this.alert = 'successfully reset username'
-          localStorage.setItem('username', this.username)
+          localStorage.setItem('username', response.data.data['username'])
         } else {
           console.log('error')
         }
@@ -515,9 +515,6 @@ export default {
         this.activeBtnLikes = curr;
         this.showAuthorIndexLikes = 3 * (curr + startIndex - 1);
       }
-      // curPage = startIndex + curr;
-      // activeBtn = curr;
-      // showAuthorIndex = 3 * (curr + startIndex - 1);
       console.log("Show authors index from " + (3 * (curr + this.startIndex - 1)) + " to " + (3 * (curr + this.startIndex)))
     },
   }
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 44651c2..0545117 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -34,25 +34,6 @@ export default {
         };
     },
     methods: {
-        // loginWithPassword() {
-        //     this.alert = "";
-        //     const path = 'http://127.0.0.1:8000/influco.api/login' + '/' + this.username
-        //     axios.post(path, {
-        //         username: this.username,
-        //         password: this.password,
-        //     }
-        //     ).then(response => {
-        //         if (response.data.status === 'fail') {
-        //             this.alert = 'incorrect password'
-        //         } else if (response.data.status === "success") {
-        //             this.$router.push('/dashboard')
-        //         } else {
-        //             console.log('error')
-        //         }
-        //     }).catch(err => {
-        //         console.log(err);
-        //     });
-        // },
         loginWithPassword() {
             this.alert = "";
             UserLogin(this.username, this.password).then(response => {
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index a17746f..6898902 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -42,31 +42,6 @@ export default {
         };
     },
     methods: {
-        // signupWithPassword() {
-        //     // Reset the alert to empty
-        //     this.alert = "";
-        //     // Verify that the passwords match
-        //     if (this.password !== this.passwordVerify) {
-        //         this.alert = "Passwords must match";
-        //         return;
-        //     }
-        //     const path = 'http://127.0.0.1:8000/influco.api/register' + '/' + this.username
-        //     axios.post(path, {
-        //         username: this.username,
-        //         password: this.password,
-        //     }
-        //     ).then(response => {
-        //         if (response.data.status === 'fail') {
-        //             this.alert = 'Username already exist!'
-        //         } else if (response.data.status === "success") {
-        //             this.$router.push('/dashboard')
-        //         } else {
-        //             console.log('error')
-        //         }
-        //     }).catch(err => {
-        //         console.log(err);
-        //     });
-        // },
         signupWithPassword() {
             // Reset the alert to empty
             this.alert = "";

From 87908f76820e0d484053067b1b007e01d1b48ba5 Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 19:23:06 -0500
Subject: [PATCH 11/49] add/remove likes, add/clear history

---
 src/views/DashboardView.vue     | 192 ++++++++++++++++++++++++--------
 src/views/DetailView.vue        |   4 +-
 src/views/SearchView.vue        |  59 +++++++---
 src/views/SearchView/search.css |  10 +-
 4 files changed, 203 insertions(+), 62 deletions(-)

diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index f72faf0..613c9eb 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -44,6 +44,7 @@
           </div>
           <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
             <div v-if="(flagHistoryInfluencers(i))" class="dashboardBox">
+              <a href="#" @click="addLike(i)" style="float: right;"><i class="bi-plus-lg"></i></a>
               <p class="influencerName">{{
                   historyInfluencers[i]["author_stats"]["nickname"]
               }}
@@ -58,8 +59,8 @@
               <p>{{ "Video Count: " + historyInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
               </p> -->
               <div class="links">
-                <p>{{ "Influencer Detail: " }}</p>
-                <router-link
+                <p>{{ "Detail: " }}</p>
+                <router-link @click="addHistory(i, 'fromHistory')"
                   :to="{ name: 'Detail', params: { author_id: historyInfluencers[i]['author_stats']['id'] } }">{{
                       "@" + historyInfluencers[i]["author_stats"]["id"]
                   }}</router-link>
@@ -78,8 +79,8 @@
             </div>
           </div>
           <div v-for="i in [0, 1, 2]" v-bind:key="i" class="influencerInfo">
-            <!-- <a href="#" @click="activateLikes" style="float: right; bottom: 3px;"><i class="bi-three-dots"></i></a> -->
             <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
+              <a href="#" @click="removeLike(i)" style="float: right;"><i class="bi-x-lg"></i></a>
               <p class="influencerName">{{
                   likesInfluencers[i]["author_stats"]["nickname"]
               }}
@@ -94,8 +95,8 @@
               <p>{{ "Video Count: " + likesInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
               </p> -->
               <div class="links">
-                <p>{{ "Influencer Detail: " }}</p>
-                <router-link
+                <p>{{ "Detail: " }}</p>
+                <router-link @click="addHistory(i, 'fromLikes')"
                   :to="{ name: 'Detail', params: { author_id: likesInfluencers[i]['author_stats']['id'] } }">{{
                       "@" + likesInfluencers[i]["author_stats"]["id"]
                   }}</router-link>
@@ -109,10 +110,17 @@
       </div>
     </div>
     <div v-if="this.historyActivated">
+      <div style="font-size: xx-larger; font-weight: bold; margin-top: 30px; text-align: center;"
+        class="dashboardTitle">History
+
+      </div>
+      <div class="clearHistoryButton">
+        <button @click="clearHistory" class="clearHistory">Clear History</button>
+      </div>
       <div v-for="i in [showAuthorIndexHistory, showAuthorIndexHistory + 1, showAuthorIndexHistory + 2]" v-bind:key="i"
         class="influencerInfoHistory">
-
         <div v-if="(flagHistoryInfluencers(i))" class="dashboardBox">
+          <a href="#" @click="addLike(i)" style="float: right;"><i class="bi-plus-lg"></i></a>
           <p class="influencerName">{{
               historyInfluencers[i]["author_stats"]["nickname"]
           }}
@@ -127,15 +135,16 @@
           <p>{{ "Video Count: " + historyInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
           </p>
           <div class="links">
-            <p>{{ "Influencer Detail: " }}</p>
-            <router-link :to="{ name: 'Detail', params: { author_id: historyInfluencers[i]['author_stats']['id'] } }">{{
-                "@" + historyInfluencers[i]["author_stats"]["id"]
-            }}</router-link>
+            <p>{{ "Detail: " }}</p>
+            <router-link @click="addHistory(i, 'fromHistory')"
+              :to="{ name: 'Detail', params: { author_id: historyInfluencers[i]['author_stats']['id'] } }">{{
+                  "@" + historyInfluencers[i]["author_stats"]["id"]
+              }}</router-link>
           </div>
         </div>
       </div>
-      <div class="index">
-        <button class="indexButton" :disabled="leftNav()"
+      <div class="index indexButtonDashboard">
+        <button class="indexButton" :disabled="leftNav(this.startIndexHistory)"
           v-on:click="leftMove(this.startIndexHistory, this.curPageHistory, 'activeBtnHistory')">{{ "<" }} </button>
 
             <button class="indexButton" :class="{ active: activeBtnHistory === 0 }"
@@ -173,10 +182,14 @@
       </div>
     </div>
     <div v-if="this.likesActivated">
+      <div style="font-size: xx-larger; font-weight: bold; margin-top: 30px; text-align: center;"
+        class="dashboardTitle">Favourite</div>
+
       <div v-for="i in [showAuthorIndexLikes, showAuthorIndexLikes + 1, showAuthorIndexLikes + 2]" v-bind:key="i"
         class="influencerInfoHistory">
 
         <div v-if="(flagLikesInfluencers(i))" class="dashboardBox">
+          <a href="#" @click="removeLike(i)" style="float: right;"><i class="bi-x-lg"></i></a>
           <p class="influencerName">{{
               likesInfluencers[i]["author_stats"]["nickname"]
           }}
@@ -191,15 +204,16 @@
           <p>{{ "Video Count: " + likesInfluencers[i]["author_stats"]["stats"]["videoCount"] }}
           </p>
           <div class="links">
-            <p>{{ "Influencer Detail: " }}</p>
-            <router-link :to="{ name: 'Detail', params: { author_id: likesInfluencers[i]['author_stats']['id'] } }">{{
-                "@" + likesInfluencers[i]["author_stats"]["id"]
-            }}</router-link>
+            <p>{{ "Detail: " }}</p>
+            <router-link @click="addHistory(i, 'fromLikes')"
+              :to="{ name: 'Detail', params: { author_id: likesInfluencers[i]['author_stats']['id'] } }">{{
+                  "@" + likesInfluencers[i]["author_stats"]["id"]
+              }}</router-link>
           </div>
         </div>
       </div>
-      <div class="index">
-        <button class="indexButton" :disabled="leftNav()"
+      <div class="index indexButtonDashboard">
+        <button class="indexButton" :disabled="leftNav(this.startIndexLikes)"
           v-on:click="leftMove(this.startIndexLikes, this.curPageLikes, 'activeBtnLikes')">{{ "<" }} </button>
 
             <button class="indexButton" :class="{ active: activeBtnLikes === 0 }"
@@ -277,7 +291,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 import 'bootstrap/dist/js/bootstrap.min.js';
 import 'popper.js/dist/umd/popper.min.js';
 import 'jquery/dist/jquery.min.js';
-import { GetUser, ChangeUsername, ChangePassword } from '../api/user';
+import { GetUser, ChangeUsername, ChangePassword, RemoveLike, ClearHistory, AddHistory, AddLike } from '../api/user';
 import { GetInfluencer } from '@/api/influencer';
 
 export default {
@@ -330,10 +344,10 @@ export default {
 
     activateAccount() {
       this.newUsername = '',
-      this.newPassword = '',
-      this.newPasswordVerify = "",
-      this.alert = '',
-      this.likesActivated = false;
+        this.newPassword = '',
+        this.newPasswordVerify = "",
+        this.alert = '',
+        this.likesActivated = false;
       this.historyActivated = false;
       this.resetUsernameActivated = false;
       this.resetPasswordActivated = false;
@@ -341,10 +355,10 @@ export default {
 
     activateLikes() {
       this.newUsername = '',
-      this.newPassword = '',
-      this.newPasswordVerify = "",
-      this.alert = '',
-      this.likesActivated = true;
+        this.newPassword = '',
+        this.newPasswordVerify = "",
+        this.alert = '',
+        this.likesActivated = true;
       this.historyActivated = false;
       this.resetUsernameActivated = false;
       this.resetPasswordActivated = false;
@@ -352,10 +366,10 @@ export default {
 
     activateHistory() {
       this.newUsername = '',
-      this.newPassword = '',
-      this.newPasswordVerify = "",
-      this.alert = '',
-      this.likesActivated = false;
+        this.newPassword = '',
+        this.newPasswordVerify = "",
+        this.alert = '',
+        this.likesActivated = false;
       this.historyActivated = true;
       this.resetUsernameActivated = false;
       this.resetPasswordActivated = false;
@@ -363,10 +377,10 @@ export default {
 
     activateResetUsername() {
       this.newUsername = '',
-      this.newPassword = '',
-      this.newPasswordVerify = "",
-      this.alert = '',
-      this.likesActivated = false;
+        this.newPassword = '',
+        this.newPasswordVerify = "",
+        this.alert = '',
+        this.likesActivated = false;
       this.historyActivated = false;
       this.resetUsernameActivated = true;
       this.resetPasswordActivated = false;
@@ -374,10 +388,10 @@ export default {
 
     activateResetPassword() {
       this.newUsername = '',
-      this.newPassword = '',
-      this.newPasswordVerify = "",
-      this.alert = '',
-      this.likesActivated = false;
+        this.newPassword = '',
+        this.newPasswordVerify = "",
+        this.alert = '',
+        this.likesActivated = false;
       this.historyActivated = false;
       this.resetUsernameActivated = false;
       this.resetPasswordActivated = true;
@@ -419,12 +433,82 @@ export default {
       });
     },
 
+    addLike(index) {
+      AddLike(this.username, this.historyInfluencers[index]["author_stats"]["id"]).then(response => {
+        if (response.data.status === 'fail') {
+          alert('Failed to add this influencer to Favourite')
+        } else if (response.data.status === "success") {
+          alert('Successfully added this influencer to Favourite')
+          this.$router.go()
+        } else {
+          console.log('error')
+        }
+      }).catch(err => {
+        console.log(err);
+      });
+    },
+
+    removeLike(index) {
+      RemoveLike(this.username, this.likesInfluencers[index]["author_stats"]["id"]).then(response => {
+        if (response.data.status === 'fail') {
+          alert('Failed to remove this influencer from Favourite')
+        } else if (response.data.status === "success") {
+          this.$router.go()
+        } else {
+          console.log('error')
+        }
+      }).catch(err => {
+        console.log(err);
+      });
+    },
+
+    clearHistory() {
+      ClearHistory(this.username).then(response => {
+        if (response.data.status === 'fail') {
+          alert('Failed to clear history')
+        } else if (response.data.status === "success") {
+          this.$router.go()
+          alert('Successfully cleared history')
+        } else {
+          console.log('error')
+        }
+      }).catch(err => {
+        console.log(err);
+      });
+    },
+
+    addHistory(index, fromInfluencers) {
+      if (fromInfluencers === 'fromHistory') {
+        AddHistory(this.username, this.historyInfluencers[index]["author_stats"]["id"]).then(response => {
+          if (response.data.status === 'fail') {
+            console.log('Failed to add this influencer to History')
+          } else if (response.data.status === "success") {
+            console.log('Successfully added this influencer to History')
+          } else {
+            console.log('error')
+          }
+        }).catch(err => {
+          console.log(err);
+        });
+      } else {
+        AddHistory(this.username, this.likesInfluencers[index]["author_stats"]["id"]).then(response => {
+          if (response.data.status === 'fail') {
+            console.log('Failed to add this influencer to History')
+          } else if (response.data.status === "success") {
+            console.log('Successfully added this influencer to History')
+          } else {
+            console.log('error')
+          }
+        }).catch(err => {
+          console.log(err);
+        });
+      }
+    },
+
     async updateData() {
       await GetUser(this.username).then(response => {
         this.likes = response.data.likes
         this.history = response.data.history
-        console.log("this.likes: ", this.likes)
-        console.log("this.history: ", this.history)
 
         for (let i = 0; i < this.likes.length; i++) {
           GetInfluencer(this.likes[i]["influ_id"]).then(response => {
@@ -515,7 +599,6 @@ export default {
         this.activeBtnLikes = curr;
         this.showAuthorIndexLikes = 3 * (curr + startIndex - 1);
       }
-      console.log("Show authors index from " + (3 * (curr + this.startIndex - 1)) + " to " + (3 * (curr + this.startIndex)))
     },
   }
 }
@@ -564,7 +647,7 @@ export default {
 
 .influencerInfoHistory {
   font-size: large;
-  margin-top: 15%;
+  margin-top: 6%;
   margin-left: 3%;
   margin-right: 1%;
   right: 7px;
@@ -576,7 +659,8 @@ export default {
 
 .influencerName {
   font-style: italic;
-  font-size: large;
+  font-size: x-large;
+  font-weight: bold;
 }
 
 .noRecentData {
@@ -598,6 +682,26 @@ export default {
   width: 60px;
 }
 
+.clearHistory {
+  border-radius: 15px;
+  background: rgb(253, 226, 230);
+  font-size: medium;
+  border: 1px;
+  height: 25px;
+  width: 120px;
+  float: right;
+}
+
+.clearHistoryButton {
+  height: 25px;
+  width: 100%;
+  right: 2px;
+}
+
+/* .indexButtonDashboard {
+  margin-top: 200px;
+} */
+
 .dashboardBox {
   text-align: left;
   --borderWidth: 5px;
diff --git a/src/views/DetailView.vue b/src/views/DetailView.vue
index 07c2886..c740396 100644
--- a/src/views/DetailView.vue
+++ b/src/views/DetailView.vue
@@ -45,7 +45,7 @@ export default {
     mounted() {
         const route = useRoute();
         const id = route.params.author_id;
-        console.log(id);
+        // console.log(id);
 
         GetInfluencer(id).then(response => {
             this.influencerInfo = response.data
@@ -54,7 +54,7 @@ export default {
     },
     methods: {
         printLabel(lst) {
-            console.log(lst);
+            // console.log(lst);
             if (lst[0] === undefined) {
                 return "No tag existed!"
             } else {
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 284c261..40c0a4b 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -2,7 +2,7 @@
     <div class="search">
         <div class="searchBox">
             <label>
-                <input type="text" v-model="tag" class="searchInputBox" placeholder="Type any tag to search">
+                <input type="text" v-model="tag"  v-on:keyup.enter="searching();" class="searchInputBox" placeholder="Type any tag to search">
             </label>
 
             <button class="searchButton" v-on:click="searching();">Search</button>
@@ -32,7 +32,7 @@
 
                 <label>
                     <!-- <select v-model="selected" v-on:click="sort()"> -->
-                    <select v-model="selected" v-on:change="sort()">
+                    <select v-model="selected" v-on:change="sort()" style="border-radius: 30px; border-width: 2px;">
                         <p>Choose order here: </p>
                         <!--                    <option value="" selected disabled hidden>Choose sort by:</option>-->
                         <!-- TODO: <option value="Recommend">Recommend</option>-->
@@ -51,6 +51,7 @@
             <div class="authorDetails">
                 <div class="singleAuthor1">
                     <div v-if="flag(showAuthorIndex)" class="sameBorder">
+                        <a href="#" @click="addLike(showAuthorIndex)" style="float: right;"><i class="bi-plus-lg"></i></a>
                         <p class="text">{{ "Author Nickname: " +
                                 influencers[showAuthorIndex]["author_stats"]["nickname"]
                         }}
@@ -69,7 +70,7 @@
                         </p>
 
                         <div class="links">
-                            <p>{{ "Official site: " }}</p>
+                            <p>{{ "Site: " }}</p>
                             <a :href="influencers[showAuthorIndex].url"> {{ influencers[showAuthorIndex]["url"] }}</a>
                         </div>
                         <div class="links">
@@ -78,8 +79,8 @@
                                 v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
                         </div>
                         <div class="links">
-                            <p>{{ "Influencer Detail: " }}</p>
-                            <router-link
+                            <p>{{ "Detail: " }}</p>
+                            <router-link @click="addHistory(showAuthorIndex)"
                                 :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex]['author_stats']['id'] } }">{{
                                         "@" + influencers[showAuthorIndex]["author_stats"]["id"]
                                 }}</router-link>
@@ -88,6 +89,7 @@
                 </div>
                 <div class="singleAuthor2">
                     <div v-if="flag(showAuthorIndex + 1)" class="sameBorder">
+                        <a href="#" @click="addLike(showAuthorIndex + 1)" style="float: right;"><i class="bi-plus-lg"></i></a>
                         <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 1]["author_stats"]["nickname"] }}</p>
 
                         <p>{{ "Author ID: " + influencers[showAuthorIndex + 1]["author_stats"]["id"] }}</p>
@@ -103,7 +105,7 @@
                         </p>
 
                         <div class="links">
-                            <p>{{ "Official site: " }}</p>
+                            <p>{{ "Site: " }}</p>
                             <a :href="influencers[showAuthorIndex + 1].url"> {{ influencers[showAuthorIndex + 1]["url"]
                             }}</a>
                         </div>
@@ -113,8 +115,8 @@
                                 v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
                         </div>
                         <div class="links">
-                            <p>{{ "Influencer Detail: " }}</p>
-                            <router-link
+                            <p>{{ "Detail: " }}</p>
+                            <router-link @click="addHistory(showAuthorIndex + 1)"
                                 :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex + 1]['author_stats']['id'] } }">{{
                                         "@" + influencers[showAuthorIndex + 1]["author_stats"]["id"]
                                 }}</router-link>
@@ -124,6 +126,7 @@
 
                 <div class="singleAuthor3">
                     <div v-if="flag(showAuthorIndex + 2)" class="sameBorder">
+                        <a href="#" @click="addLike(showAuthorIndex + 2)" style="float: right;"><i class="bi-plus-lg"></i></a>
                         <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 2]["author_stats"]["nickname"] }}</p>
 
                         <p>{{ "Author ID: " + influencers[showAuthorIndex + 2]["author_stats"]["id"] }}</p>
@@ -139,7 +142,7 @@
                         </p>
 
                         <div class="links">
-                            <p>{{ "Official site: " }}</p>
+                            <p>{{ "Site: " }}</p>
                             <a :href="influencers[showAuthorIndex + 2].url"> {{ influencers[showAuthorIndex + 2]["url"]
                             }}</a>
                         </div>
@@ -149,8 +152,8 @@
                                 v-bind:key="item" v-on:click="filterTag(item)">{{ "#" + item }}</button>
                         </div>
                         <div class="links">
-                            <p>{{ "Influencer Detail: " }}</p>
-                            <router-link
+                            <p>{{ "Detail: " }}</p>
+                            <router-link @click="addHistory(showAuthorIndex + 2)"
                                 :to="{ name: 'Detail', params: { author_id: influencers[showAuthorIndex + 2]['author_stats']['id'] } }">{{
                                         "@" + influencers[showAuthorIndex + 2]["author_stats"]["id"]
                                 }}</router-link>
@@ -192,11 +195,13 @@
 <script>
 // import axios from "axios";
 import { GetInfluencerByTag } from "../api/influencer";
+import { AddLike, AddHistory } from "../api/user";
 
 export default {
     components: {},
     data() {
         return {
+            username: localStorage.getItem('username'),
             tag: "",
             influencers: 0,
             copy_influencers: 0,
@@ -241,7 +246,7 @@ export default {
                 this.origin_influencers = this.influencers;
                 this.isLoading = false;
                 this.isShowing = true;
-                console.log("Author list has " + this.influencers.length + " authors");
+                // console.log("Author list has " + this.influencers.length + " authors");
             }).catch(err => {
                 console.log(err);
             });
@@ -279,7 +284,7 @@ export default {
             // startIndex >= 1
             // startIndex <= Mth.ceil(influencers.length / 3)
             this.showAuthorIndex = 3 * (curr + this.startIndex - 1);
-            console.log("Show authors index from " + (3 * (curr + this.startIndex - 1)) + " to " + (3 * (curr + this.startIndex)))
+            // console.log("Show authors index from " + (3 * (curr + this.startIndex - 1)) + " to " + (3 * (curr + this.startIndex)))
         },
         sort() {
             if (this.selected === "") {
@@ -396,6 +401,34 @@ export default {
             }
             this.startIndex = 1;
             this.showAuthorIndex = 0;
+        },
+
+        addLike(index) {
+            AddLike(this.username, this.influencers[index]["author_stats"]["id"]).then(response => {
+                if (response.data.status === 'fail') {
+                    alert('Failed to add this influencer to Favourite')
+                } else if (response.data.status === "success") {
+                    alert('Successfully added this influencer to Favourite')
+                } else {
+                    console.log('error')
+                }
+            }).catch(err => {
+                console.log(err);
+            });
+        },
+
+        addHistory(index) {
+            AddHistory(this.username, this.influencers[index]["author_stats"]["id"]).then(response => {
+                if (response.data.status === 'fail') {
+                    console.log('Failed to add this influencer to History')
+                } else if (response.data.status === "success") {
+                    console.log('Successfully added this influencer to History')
+                } else {
+                    console.log('error')
+                }
+            }).catch(err => {
+                console.log(err);
+            });
         }
     },
 }
diff --git a/src/views/SearchView/search.css b/src/views/SearchView/search.css
index 88d6fba..3b0bc48 100644
--- a/src/views/SearchView/search.css
+++ b/src/views/SearchView/search.css
@@ -16,6 +16,7 @@
 
 .filterButtons {
     margin-bottom: 0px;
+    border-radius: 30px;
 }
 
 .searchInputBox {
@@ -31,12 +32,12 @@
     border-radius: 15px;
     margin-left: 10px;
     border: none;
-    background-color: #aaaaaa;
+    background-color: rgb(255, 249, 249);
     font-size: 23px;
 }
 
 .searchButton:hover {
-    background-color: #525252;
+    background-color: #ffa9a9;
 }
 
 p {
@@ -58,6 +59,7 @@ p {
     float: left;
     width: 28%;
     height: 350px;
+    font-weight: bold;
 }
 
 .singleAuthor2 {
@@ -65,6 +67,7 @@ p {
     float: left;
     width: 28%;
     height: 350px;
+    font-weight: bold;
 }
 
 .singleAuthor3 {
@@ -73,6 +76,7 @@ p {
     width: 28%;
     height: 350px;
     margin-right: 5%;
+    font-weight: bold;
 }
 
 .index {
@@ -123,7 +127,7 @@ p {
     height: 320px;
     /* height: calc(100% + var(--borderWidth) * 2); */
     width: calc(100% + var(--borderWidth) * 2);
-    background: WhiteSmoke;
+    background: rgb(253, 226, 230);;
     /* linear-gradient(45deg,
             #e39e59,
             #ea7e66,

From 0ec52e2d30fce0218523e20af856a8e82837e11b Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 19:57:43 -0500
Subject: [PATCH 12/49] remove popular

---
 src/App.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 529ebb3..d3625eb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,16 +12,10 @@
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <div class="navbar-nav mr-auto">
           <div v-if="this.authenticated">
-            <router-link to="/popular" class="nav-item nav-link">Popular</router-link>
+            <router-link to="/search" class="nav-item nav-link">Browse</router-link>
           </div>
           <div v-else-if="!this.authenticated">
-            <a href="/login" class="nav-item nav-link">Popular</a>
-          </div>
-          <div v-if="this.authenticated">
-            <router-link to="/search" class="nav-item nav-link">Search</router-link>
-          </div>
-          <div v-else-if="!this.authenticated">
-            <a href="/login" class="nav-item nav-link">Search</a>
+            <a href="/login" class="nav-item nav-link">Browse</a>
           </div>
         </div>
       </div>

From 3bca0f7b05cc25ee4e4447f1cfab507631b8e039 Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Wed, 7 Dec 2022 20:36:24 -0500
Subject: [PATCH 13/49] remove popular

---
 src/views/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 993f69d..12e3764 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -4,7 +4,7 @@
       <h1><strong>{{ mainPageMSG1 }}</strong></h1>
       <h2><strong>{{ mainPageMSG2 }}</strong></h2>
       <ul>
-        <button class="button-87" role="button" onclick="window.location.href='/popular';">Start Browse</button>
+        <button class="button-87" role="button" onclick="window.location.href='/search';">Start Browse</button>
       </ul>
       <div>
         <div v-if="!this.authenticated">

From e193d61debb417a5c28e64791fbb5d2082716eea Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 12:38:12 -0500
Subject: [PATCH 14/49] fix minor bugs

---
 db_helper/mongodb_connect.py |   7 ++++--
 package.json                 |   2 +-
 public/favicon.ico           | Bin 4286 -> 15086 bytes
 public/index.html            |  42 +++++++++++++++++++----------------
 src/App.vue                  |   8 +++----
 src/views/DashboardView.vue  |   6 +++--
 src/views/Home.vue           |   6 +++--
 src/views/SearchView.vue     |  12 ++++++----
 8 files changed, 49 insertions(+), 34 deletions(-)

diff --git a/db_helper/mongodb_connect.py b/db_helper/mongodb_connect.py
index 4096773..798f2c3 100644
--- a/db_helper/mongodb_connect.py
+++ b/db_helper/mongodb_connect.py
@@ -122,7 +122,7 @@ def update_user_history(username: str, influ_id: Optional[str], mode: str):
                     user_info['history'].pop(i)
                     break
 
-        user_info['history'].append({
+        user_info['history'].insert(0, {
             "influ_id": influ_id,
             "time": time
         })
@@ -151,13 +151,16 @@ def update_user_likes(username: str, influ_id: str, mode: str):
             'influ_id': influ_id,
             'time': time
         }
-        user_info['likes'].append(like_info)
+        user_info['likes'].insert(0, like_info)
         update_one_user(user_info)
 
     return user_info
 
 
 def update_username(username: str, new_name):
+    user_info = get_one_user(new_name)
+    if user_info:
+        return "Username exists"
     user_info = get_one_user(username)
     user_info['username'] = new_name
     user_col.replace_one({"username": username}, user_info)
diff --git a/package.json b/package.json
index deb9416..2026524 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "frontend",
+  "name": "influco_web",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..ff0cfdfac4c28328c0013e74b76e389b141408b5 100644
GIT binary patch
literal 15086
zcmeHOTTffr8TDx92aGg-fQOFM$9d{=|3lTMj?}2qNKq?QYNcwTsglVIY7$Zsk`SPz
z421j51VXqZ+ziARo4fBe_-?>}!59oS5X0*CZF2}01LlC3wmL`p*vI>vZ|}9&zMj1{
zD%B^dPgP%irJ^uPRrjSz^(&Q1m6f&s`*W4bLvf!|$j@(nrc&Lb7k)|akc;XD8OMw3
z7pdU*UjSc_naKWEF2?$WR1Ur;Q}AD3?J4|UAJ^$}Qut5D%Js!5{9hl}>2gx|Pshsj
z#VPz>AJ^$}Qut59${xi@cKk8NOV{ChDei*dmGUoP7U5nB-QIpE;o75;ZEbB~d*_2F
zqZBVQyi)w}cpSk{7(JRH<UK7wuSSF2<OhP5D$DNfF4{Xf@MCrkYU<y>=I~)*aT!U9
zmw8<p|MvDaR#qZ#x_o%u(U11NN%ZQb@uqtW-+q@3r_)LB_pr0GgBh0_cYb^bjeZ(B
z<2?Fw4m7oCpc^y8<qjYmUIv%(0+($3yUAT>hje(BUyO?SHuPvM7@i8k=!(MX+ki8e
zz`fjJ{O#8FsBdUOZG8joWIx2Ww{u`}ufh_D!|L6@gfoJ{aUU9629TRqjIx&%SYKbu
zv<R~Czk1bzZ*Kk->NYJ5)<u{+F~YM63t_i-*9Er~4PDR-JMbvK4EOV1U}Aci>SYui
z8Y3oWs0==O-%sz8k8vi7-r;E~-vea-<39C~?M%ub3%|)Yh2Q-4Yt*;CPvP(~_88$N
zES@#=4LdO~;uh`1?2e*J-Gic1HEe{lYtRbqxECFLR0ijYs4K27Hj`%^8p8~JcjHf}
zt*Pf`cU~XAFn)g^h(CPuN8}Y&i?(7BxEVW@fiMh?x<#E-Hg=(*?LEb9qP}?$#pNw<
z&TgZ#--yBzHJaLo=-woJBwzOD`=(AkzP@o2I>Xp`b&xTB9zk}Jdl(wCqUu#&iaX}}
z5Poh4ZPYf(>fYksqY}Iuw7@}_Yt+4jxq<GtFf{2!PF^W0)!o$Brv!e9e<?ImJ@n}8
zRDV`%#LsL;8RO?sVJ^H5gLw{S#_UUR&i4mKaVGZ~^~q&)5YK%&C$*VPRMfSiptwTx
zTb(h0Zi=_K*F}Hf`jJfZ2jYO+BDb|sdl;@DjY-GmkVBP{5q{=ALGz8>y8<)iD`7vv
zy{HGS4>B$rnVB%?rUH2KtO)t}MR@(r06Wz|3U8{-OPqf!1N%$Qs7-nzSlieVkW;hB
zA@r%eo^$tq*l&4#3wGkl?oUwuH1<in`8Qz;#`i5jAsas@?2`ff{f9@Ws;q`Vug9PN
zatn>^I*dD(iDL=lA^vF$Gf{sxx>iL!a(&n+zxkCdQ3q*eh79<pxrfI3>0pG$H=1wW
z44|~4nc71&o)=f)X%Sgr6`qjg6;vYcc?BLnFGu$MXSns<_o%F@#^&aR$bVvD961jk
z<IWEcaPQ%B+|Mn*{eKoB=TQ-Iato3Bq!>>NN|9ewhJXE3jmn00w00RVX7wYMNW0!R
z6F;w2cm#{A(YW@01ik(5VKQ6b@p$2Jd*G(|)MzqeU{DK9{~$CPwgF*AqY2Sy6l-fy
zEQOb7j$VPw<-!M=hr{78rQtbY^YinFL?T#ST}6Z}w6F-9-HG9maV#!JXgod9g3iP*
z4Zg`_lIkEyWx3cD2n5jB*a)}V4Tr;l($Z3lj*h0oac07dI!V}1pwF=VONpoPmmZx6
znJbCUL?VHinHj`lF<Kj}%ff%kOm;T^Cs4_Y;IdqBU6yG^*MdJ&Ff!g#@XH|W3SAWb
zuaHa`Nh$oxAngiW6#lP}Oc_Zj{L3Ki3SAWbuaHa`Nh$oxAngiW6#lP}Oc_ZX@ZZme
zXg*b`l<?=_fzN4Wk^P$N;G7nn<w|!^Jr~NT>&v<nN?4Tq75*>Vm}K}X?Qg#WD*Z3B
z{>S@%oACtvv=1BGh#fS!DD5d*ZFbrtUPF@h)-${^ZhyRAx=j1cM$0q?4R%zkyHH)*
zDE8rb54EOFjoRiu4Co!uk6Ymnh7etip0}@>QT`T-6{Y2M=+sO=Z=8jZ^oU8)lUNhr
z`0{Eso)y=S<{BcMWm9NGy+d~VyR3os;0MmaaBluyuNSxPKEPYj-B?3ojfFK%)<gSA
z*KBGVBF%JwG&s_*v^I=b7hom*h2PUs-0keg7%_~VRvl;NA1A%HsH75&lm}}!k~YN}
zWm#<p>3I&Jxi)ti@SgP7lFC-R=@}RA@%uKy(WSMMrc#O3wU2G(5SUZ*=Y4g5Xcfbz
z*@JvJf7bPM#vq#C8c0hDqV=7gwA5aV+7^WNIARG2tRFS74WTW~1XgIj`owPisrkpZ
zlW_QnZ$If)%qMGFr0?4T3D|>M;$CkKp`@%9FG|YMr=Own#_1VpUHk9xZ=s2?uRn%Z
zeCN2{kT!o-CFYjaNjG+(vv&;5?OLec45ESRx&C!O>RU9ZYJ7{r7ZorVMudj*)5{vX
zta*)^rgx}q>O$SCZZx#?khY~Ey-7#sFKnb+hK1&F9{+rH#O<4<vm`SJ1ZEK=ecMgi
z66;JxqZw1ABiTs<V!g=k_lx|e=}bo`6cWE#qhVWESP&Z1^70CTvvbrZ=kVdE=99Mk
zhwz<x%j1yG=M#Dg>nMyP6FuTs3y__^1niPJ$ffg_aL5dm{FV7%FhK1``TmjFi7w%$
z^uPat{&$zQ2YycDeG1-|$Raz~r=b5eJAP3+`#sr?jP}Mp?929l?a%XZnk#Mj`OI&4
zB?`0M1CQ4)Y|`Sw!cv63E8>TfIpNP|Vczx(VT8_}4UT!CZq?9Qd;kNZ9<dhf=pMr2
z;*ylc5r0N#a`-VsXG?i~m|90qrOwIHx}M_<mIX}N{PgW0k~rcYi*I4vItSf^SF8~=
z^v%=Rqa{3A^y}@=j=AWWht3$yA{t9@0!RGg2`V>zOD)ma+PV1<W@qQcT8h6l7&D)_
ojYRmo&l>pM<Nh3R{NlCO8SAej`5*Vq;J4yWefRDsD%EA|KMy&;lK=n!

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/public/index.html b/public/index.html
index b1f9f5f..80fdb8b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,23 +1,27 @@
 <!DOCTYPE html>
 <html lang="">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
-    <title><%= htmlWebpackPlugin.options.title %></title>
-  </head>
-  <body>
-    <!-- <noscript>
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" />
+  <title>InfluCo</title>
+</head>
+
+<body>
+  <!-- <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript> -->
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
-    <script src="https://cdn.userfront.com/core.js"></script>
-  </body>
-</html>
+  <div id="app"></div>
+  <!-- built files will be auto injected -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
+  <script src="https://cdn.userfront.com/core.js"></script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 529ebb3..a153553 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -11,17 +11,17 @@
 
       <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <div class="navbar-nav mr-auto">
-          <div v-if="this.authenticated">
+          <!-- <div v-if="this.authenticated">
             <router-link to="/popular" class="nav-item nav-link">Popular</router-link>
           </div>
           <div v-else-if="!this.authenticated">
             <a href="/login" class="nav-item nav-link">Popular</a>
-          </div>
+          </div> -->
           <div v-if="this.authenticated">
-            <router-link to="/search" class="nav-item nav-link">Search</router-link>
+            <router-link to="/search" class="nav-item nav-link">Browse</router-link>
           </div>
           <div v-else-if="!this.authenticated">
-            <a href="/login" class="nav-item nav-link">Search</a>
+            <a href="/login" class="nav-item nav-link">Browse</a>
           </div>
         </div>
       </div>
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 613c9eb..65df6ad 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -319,7 +319,7 @@ export default {
 
       newUsername: '',
       newPassword: '',
-      newPasswordVerify: "",
+      newPasswordVerify: '',
       alert: '',
     };
   },
@@ -416,7 +416,9 @@ export default {
 
     resetPassword() {
       this.alert = "";
-      if (this.password !== this.passwordVerify) {
+      if (this.newPassword !== this.newPasswordVerify) {
+        console.log(this.newPassword);
+        console.log(this.newPasswordVerify);
         this.alert = "Passwords must match";
         return;
       }
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 993f69d..129ab1c 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -4,7 +4,7 @@
       <h1><strong>{{ mainPageMSG1 }}</strong></h1>
       <h2><strong>{{ mainPageMSG2 }}</strong></h2>
       <ul>
-        <button class="button-87" role="button" onclick="window.location.href='/popular';">Start Browse</button>
+        <button class="button-87" role="button" onclick="window.location.href='/search';">Start Browse</button>
       </ul>
       <div>
         <div v-if="!this.authenticated">
@@ -41,7 +41,7 @@ export default {
 }
 
 .home {
-  position:relative;
+  position: relative;
   top: 100px;
 }
 
@@ -49,6 +49,7 @@ body {
   background-image: url('../assets/mainPageBackground.jpg');
   background-size: cover;
   background-repeat: no-repeat;
+  background-attachment: fixed;
 }
 
 a {
@@ -84,6 +85,7 @@ a {
 }
 
 .button-87 {
+  width: 200px;
   margin: 10px;
   padding: 15px 30px;
   text-align: center;
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 40c0a4b..3d9a0a2 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -2,7 +2,8 @@
     <div class="search">
         <div class="searchBox">
             <label>
-                <input type="text" v-model="tag"  v-on:keyup.enter="searching();" class="searchInputBox" placeholder="Type any tag to search">
+                <input type="text" v-model="tag" v-on:keyup.enter="searching();" class="searchInputBox"
+                    placeholder="Type any tag to search">
             </label>
 
             <button class="searchButton" v-on:click="searching();">Search</button>
@@ -51,7 +52,8 @@
             <div class="authorDetails">
                 <div class="singleAuthor1">
                     <div v-if="flag(showAuthorIndex)" class="sameBorder">
-                        <a href="#" @click="addLike(showAuthorIndex)" style="float: right;"><i class="bi-plus-lg"></i></a>
+                        <a href="#" @click="addLike(showAuthorIndex)" style="float: right;"><i
+                                class="bi-plus-lg"></i></a>
                         <p class="text">{{ "Author Nickname: " +
                                 influencers[showAuthorIndex]["author_stats"]["nickname"]
                         }}
@@ -89,7 +91,8 @@
                 </div>
                 <div class="singleAuthor2">
                     <div v-if="flag(showAuthorIndex + 1)" class="sameBorder">
-                        <a href="#" @click="addLike(showAuthorIndex + 1)" style="float: right;"><i class="bi-plus-lg"></i></a>
+                        <a href="#" @click="addLike(showAuthorIndex + 1)" style="float: right;"><i
+                                class="bi-plus-lg"></i></a>
                         <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 1]["author_stats"]["nickname"] }}</p>
 
                         <p>{{ "Author ID: " + influencers[showAuthorIndex + 1]["author_stats"]["id"] }}</p>
@@ -126,7 +129,8 @@
 
                 <div class="singleAuthor3">
                     <div v-if="flag(showAuthorIndex + 2)" class="sameBorder">
-                        <a href="#" @click="addLike(showAuthorIndex + 2)" style="float: right;"><i class="bi-plus-lg"></i></a>
+                        <a href="#" @click="addLike(showAuthorIndex + 2)" style="float: right;"><i
+                                class="bi-plus-lg"></i></a>
                         <p>{{ "Author Nickname: " + influencers[showAuthorIndex + 2]["author_stats"]["nickname"] }}</p>
 
                         <p>{{ "Author ID: " + influencers[showAuthorIndex + 2]["author_stats"]["id"] }}</p>

From 893ac28e2c48c4e53ff0348f5e0e0f7b7b01cb70 Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 13:06:47 -0500
Subject: [PATCH 15/49] add frontend tests

---
 src/components/tests/testDashboard.spec.js | 42 +++++++++++++++++++
 src/components/tests/testHome.spec.js      | 41 ++++++++++++++++++
 src/components/tests/testLogin.spec.js     | 46 ++++++++++++++++++++
 src/components/tests/testRegister.spec.js  | 49 ++++++++++++++++++++++
 src/components/tests/testSearch.spec.js    | 42 +++++++++++++++++++
 src/views/DashboardView.vue                |  4 +-
 src/views/LoginView.vue                    |  1 +
 src/views/RegisterView.vue                 |  2 +-
 src/views/SearchView.vue                   |  2 +-
 9 files changed, 225 insertions(+), 4 deletions(-)
 create mode 100644 src/components/tests/testDashboard.spec.js
 create mode 100644 src/components/tests/testHome.spec.js
 create mode 100644 src/components/tests/testLogin.spec.js
 create mode 100644 src/components/tests/testRegister.spec.js
 create mode 100644 src/components/tests/testSearch.spec.js

diff --git a/src/components/tests/testDashboard.spec.js b/src/components/tests/testDashboard.spec.js
new file mode 100644
index 0000000..9c672e1
--- /dev/null
+++ b/src/components/tests/testDashboard.spec.js
@@ -0,0 +1,42 @@
+import { mount } from "@vue/test-utils";
+import dashboard from "src/views/DashboardView.vue";
+import { describe, it, expect } from "vitest";
+
+describe("DashboardView.vue", () => {
+
+  it("test data states", () => {
+    const wrapper = mount(dashboard);
+    
+    expect(wrapper.vm.username).toBe(null);
+    expect(wrapper.vm.history).toBe(null);
+    expect(wrapper.vm.likes).toBe(null);
+    expect(wrapper.vm.historyInfluencers).toStrictEqual([]);
+    expect(wrapper.vm.likesInfluencers).toStrictEqual([]);
+    expect(wrapper.vm.historyActivated).toBe(false);
+    expect(wrapper.vm.likesActivated).toBe(false);
+    expect(wrapper.vm.resetUsernameActivated).toBe(false);
+    expect(wrapper.vm.resetPasswordActivated).toBe(false);
+
+  });
+
+  it("test page content", () => { 
+    const wrapper = mount(dashboard);
+    
+    expect(wrapper.html()).toContain('Account')
+    expect(wrapper.html()).toContain('Reset Username')
+    expect(wrapper.html()).toContain('Reset Password')
+    expect(wrapper.html()).toContain('Logout')
+    expect(wrapper.html()).toContain('History')
+    expect(wrapper.html()).toContain('Favourit')
+    expect(wrapper.html()).toContain('Dashboard')
+    expect(wrapper.html()).toContain('Recent Viewed')
+    expect(wrapper.html()).toContain('Recent Favourite')
+  })
+
+  it("test button numbers", () => {
+    const wrapper = mount(dashboard);
+
+    expect(wrapper.findAll("router-link")).toHaveLength(0);
+    expect(wrapper.findAll("button")).toHaveLength(2);
+  });
+});
\ No newline at end of file
diff --git a/src/components/tests/testHome.spec.js b/src/components/tests/testHome.spec.js
new file mode 100644
index 0000000..8545aab
--- /dev/null
+++ b/src/components/tests/testHome.spec.js
@@ -0,0 +1,41 @@
+import { mount, shallowMount } from "@vue/test-utils";
+import app from "src/views/Home.vue";
+import { describe, it, expect } from "vitest";
+
+describe("Home.vue", () => {
+
+  it("test home authenticated status", () => {
+    const wrapper = mount(app);
+
+    expect(wrapper.vm.authenticated).toBe(false);
+    expect(wrapper.vm.mainPageMSG1).toBe('Welcome to InfluCo!');
+    expect(wrapper.vm.mainPageMSG2).toBe('The world’s most powerful influencer analysis platform');
+    expect(wrapper.find("router-link").isVisible()).toBe(true);
+    expect(wrapper.findAll("router-link")).toHaveLength(2);
+  });
+
+  it("test page content", () => { 
+    const wrapper = mount(app);
+    
+    expect(wrapper.html()).toContain('InfluCo')
+    expect(wrapper.html()).toContain('Browse')
+    expect(wrapper.html()).toContain('Start Browse')
+    expect(wrapper.html()).toContain('Register')
+    expect(wrapper.html()).toContain('login')
+  })
+
+  it("test button numbers", () => {
+    const wrapper = mount(app);
+
+    expect(wrapper.find("router-link").isVisible()).toBe(true);
+    expect(wrapper.findAll("router-link")).toHaveLength(2);
+    expect(wrapper.findAll("button")).toHaveLength(1);
+  });
+
+  it("test login home page", () => {
+    const wrapper = mount(app);
+
+    wrapper.setData({ authenticated: true });
+    expect(wrapper.findAll("router-link")).toHaveLength(2);
+  });
+});
\ No newline at end of file
diff --git a/src/components/tests/testLogin.spec.js b/src/components/tests/testLogin.spec.js
new file mode 100644
index 0000000..af50675
--- /dev/null
+++ b/src/components/tests/testLogin.spec.js
@@ -0,0 +1,46 @@
+import { mount } from "@vue/test-utils";
+import login from "src/views/LoginView.vue";
+import { describe, it, expect } from "vitest";
+
+describe("LoginView.vue", () => {
+
+  it("test login states", () => {
+    const wrapper = mount(login);
+
+    expect(wrapper.vm.username).toBe('');
+    expect(wrapper.vm.password).toBe('');
+    expect(wrapper.vm.alert).toBe('');
+    expect(wrapper.find("router-link").isVisible()).toBe(true);
+
+    expect(wrapper.html()).toContain('Username')
+    expect(wrapper.html()).toContain('Password')
+    expect(wrapper.html()).toContain('Log in')
+    expect(wrapper.html()).toContain('register')
+  });
+
+  it("test page content", () => { 
+    const wrapper = mount(login);
+    
+    expect(wrapper.html()).toContain('Username')
+    expect(wrapper.html()).toContain('Password')
+    expect(wrapper.html()).toContain('Log in')
+    expect(wrapper.html()).toContain('register')
+  })
+
+  it("test button numbers", () => {
+    const wrapper = mount(login);
+
+    expect(wrapper.findAll("router-link")).toHaveLength(1);
+    expect(wrapper.findAll("button")).toHaveLength(1);
+  });
+
+  it("test login home page", async () => {
+    const wrapper = mount(login);
+
+    wrapper.setData({ username: 'user1000', password: 'user1000', passwordVerify: 'user100' });
+    await wrapper.find('input[type=text]').setValue('user1000')
+    await wrapper.find('input[type=password]').setValue('user1000')
+    await wrapper.find('form').trigger('submit.prevent')
+    expect(wrapper.vm.alert).toBe('');
+  });
+});
\ No newline at end of file
diff --git a/src/components/tests/testRegister.spec.js b/src/components/tests/testRegister.spec.js
new file mode 100644
index 0000000..2e28b55
--- /dev/null
+++ b/src/components/tests/testRegister.spec.js
@@ -0,0 +1,49 @@
+import { mount } from "@vue/test-utils";
+import register from "src/views/RegisterView.vue";
+import { describe, it, expect } from "vitest";
+
+describe("RegisterView.vue", () => {
+
+  it("test register states", () => {
+    const wrapper = mount(register);
+
+    expect(wrapper.vm.username).toBe('');
+    expect(wrapper.vm.password).toBe('');
+    expect(wrapper.vm.passwordVerify).toBe('');
+    expect(wrapper.vm.alert).toBe('');
+    expect(wrapper.find("router-link").isVisible()).toBe(true);
+
+    expect(wrapper.html()).toContain('Username')
+    expect(wrapper.html()).toContain('Password')
+    expect(wrapper.html()).toContain('Verify password')
+    expect(wrapper.html()).toContain('Submit')
+    expect(wrapper.html()).toContain('login')
+  });
+
+  it("test page content", () => { 
+    const wrapper = mount(register);
+    expect(wrapper.html()).toContain('Username')
+    expect(wrapper.html()).toContain('Password')
+    expect(wrapper.html()).toContain('Verify password')
+    expect(wrapper.html()).toContain('Submit')
+    expect(wrapper.html()).toContain('login')
+  })
+
+  it("test button numbers", () => {
+    const wrapper = mount(register);
+
+    expect(wrapper.findAll("router-link")).toHaveLength(1);
+    expect(wrapper.findAll("button")).toHaveLength(1);
+  });
+
+  it("test login home page", async () => {
+    const wrapper = mount(register);
+
+    wrapper.setData({ username: 'user1000', password: 'user1000', passwordVerify: 'user100' });
+    await wrapper.find('input[type=text]').setValue('user1000')
+    await wrapper.find('input[type=password]').setValue('user1000')
+    await wrapper.find('input[type=password]').setValue('user100')
+    await wrapper.find('form').trigger('submit.prevent')
+    expect(wrapper.vm.alert).toBe('');
+  });
+});
\ No newline at end of file
diff --git a/src/components/tests/testSearch.spec.js b/src/components/tests/testSearch.spec.js
new file mode 100644
index 0000000..cc87dc4
--- /dev/null
+++ b/src/components/tests/testSearch.spec.js
@@ -0,0 +1,42 @@
+import { mount } from "@vue/test-utils";
+import search from "src/views/SearchView.vue";
+import { describe, it, expect } from "vitest";
+
+describe("SearchView.vue", () => {
+
+  it("test data states", () => {
+    const wrapper = mount(search);
+    
+    expect(wrapper.vm.username).toBe(null);
+    expect(wrapper.vm.tag).toBe('');
+    expect(wrapper.vm.influencers).toBe(0);
+    expect(wrapper.vm.copy_influencers).toBe(0);
+    expect(wrapper.vm.origin_influencers).toBe(0);
+    expect(wrapper.vm.startIndex).toBe(1);
+    expect(wrapper.vm.left).toBe(false);
+    expect(wrapper.vm.right).toBe(false);
+    expect(wrapper.vm.selected).toBe('');
+    expect(wrapper.vm.isLoading).toBe(false);
+    expect(wrapper.vm.isShowing).toBe(false);
+    expect(wrapper.vm.showAuthorIndex).toBe(0);
+    expect(wrapper.vm.startIndexTag).toBe(0);
+    expect(wrapper.vm.allTagsLength).toBe(0);
+    expect(wrapper.vm.activeBtn).toBe(0);
+    expect(wrapper.vm.curPage).toBe(1);
+    expect(wrapper.vm.activeTag).toBe('');
+
+
+  });
+
+  it("test page content", () => { 
+    const wrapper = mount(search);
+    
+    expect(wrapper.html()).toContain('Search')
+  })
+
+  it("test button numbers", () => {
+    const wrapper = mount(search);
+
+    expect(wrapper.findAll("button")).toHaveLength(1);
+  });
+});
\ No newline at end of file
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index 65df6ad..e70881b 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -25,7 +25,6 @@
           <a href="#" @click="activateLikes" class="list-group-item list-group-item-action bg-light"><i
               class="bi-heart-fill"></i>
             Favourite</a>
-          <a href="#" class="list-group-item list-group-item-action bg-light">About</a>
         </div>
       </div>
     </div>
@@ -292,9 +291,10 @@ import 'bootstrap/dist/js/bootstrap.min.js';
 import 'popper.js/dist/umd/popper.min.js';
 import 'jquery/dist/jquery.min.js';
 import { GetUser, ChangeUsername, ChangePassword, RemoveLike, ClearHistory, AddHistory, AddLike } from '../api/user';
-import { GetInfluencer } from '@/api/influencer';
+import { GetInfluencer } from '../api/influencer';
 
 export default {
+  name: 'dashboard',
 
   data() {
     return {
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 0545117..42a4992 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -26,6 +26,7 @@
 import { UserLogin } from '../api/user';
 
 export default {
+    name: 'login',
     data() {
         return {
             username: "",
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index 6898902..f45ead4 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -30,9 +30,9 @@
 
 <script>
 import { UserRegister } from '../api/user';
-// same: import { UserRegister } from '@/api/user';
 
 export default {
+    name: 'register',
     data() {
         return {
             username: "",
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 3d9a0a2..f483bcc 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -202,7 +202,7 @@ import { GetInfluencerByTag } from "../api/influencer";
 import { AddLike, AddHistory } from "../api/user";
 
 export default {
-    components: {},
+    name: 'search',
     data() {
         return {
             username: localStorage.getItem('username'),

From 247343d0be5930ae24bd91493c393564efaf1e5b Mon Sep 17 00:00:00 2001
From: Wei <wei.tao@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 13:42:55 -0500
Subject: [PATCH 16/49] fix bug

---
 src/components/tests/testDashboard.spec.js |  8 ++++----
 src/components/tests/testLogin.spec.js     | 10 +++++-----
 src/components/tests/testRegister.spec.js  | 10 +++++-----
 src/components/tests/testSearch.spec.js    |  8 ++++----
 src/router/index.js                        |  6 ------
 src/views/DashboardView.vue                |  4 +---
 src/views/LoginView.vue                    |  2 +-
 src/views/RegisterView.vue                 |  2 +-
 src/views/SearchView.vue                   |  2 +-
 9 files changed, 22 insertions(+), 30 deletions(-)

diff --git a/src/components/tests/testDashboard.spec.js b/src/components/tests/testDashboard.spec.js
index 9c672e1..93b2c1f 100644
--- a/src/components/tests/testDashboard.spec.js
+++ b/src/components/tests/testDashboard.spec.js
@@ -1,11 +1,11 @@
 import { mount } from "@vue/test-utils";
-import dashboard from "src/views/DashboardView.vue";
+import dashboardView from "src/views/DashboardView.vue";
 import { describe, it, expect } from "vitest";
 
 describe("DashboardView.vue", () => {
 
   it("test data states", () => {
-    const wrapper = mount(dashboard);
+    const wrapper = mount(dashboardView);
     
     expect(wrapper.vm.username).toBe(null);
     expect(wrapper.vm.history).toBe(null);
@@ -20,7 +20,7 @@ describe("DashboardView.vue", () => {
   });
 
   it("test page content", () => { 
-    const wrapper = mount(dashboard);
+    const wrapper = mount(dashboardView);
     
     expect(wrapper.html()).toContain('Account')
     expect(wrapper.html()).toContain('Reset Username')
@@ -34,7 +34,7 @@ describe("DashboardView.vue", () => {
   })
 
   it("test button numbers", () => {
-    const wrapper = mount(dashboard);
+    const wrapper = mount(dashboardView);
 
     expect(wrapper.findAll("router-link")).toHaveLength(0);
     expect(wrapper.findAll("button")).toHaveLength(2);
diff --git a/src/components/tests/testLogin.spec.js b/src/components/tests/testLogin.spec.js
index af50675..b17fee9 100644
--- a/src/components/tests/testLogin.spec.js
+++ b/src/components/tests/testLogin.spec.js
@@ -1,11 +1,11 @@
 import { mount } from "@vue/test-utils";
-import login from "src/views/LoginView.vue";
+import loginView from "src/views/LoginView.vue";
 import { describe, it, expect } from "vitest";
 
 describe("LoginView.vue", () => {
 
   it("test login states", () => {
-    const wrapper = mount(login);
+    const wrapper = mount(loginView);
 
     expect(wrapper.vm.username).toBe('');
     expect(wrapper.vm.password).toBe('');
@@ -19,7 +19,7 @@ describe("LoginView.vue", () => {
   });
 
   it("test page content", () => { 
-    const wrapper = mount(login);
+    const wrapper = mount(loginView);
     
     expect(wrapper.html()).toContain('Username')
     expect(wrapper.html()).toContain('Password')
@@ -28,14 +28,14 @@ describe("LoginView.vue", () => {
   })
 
   it("test button numbers", () => {
-    const wrapper = mount(login);
+    const wrapper = mount(loginView);
 
     expect(wrapper.findAll("router-link")).toHaveLength(1);
     expect(wrapper.findAll("button")).toHaveLength(1);
   });
 
   it("test login home page", async () => {
-    const wrapper = mount(login);
+    const wrapper = mount(loginView);
 
     wrapper.setData({ username: 'user1000', password: 'user1000', passwordVerify: 'user100' });
     await wrapper.find('input[type=text]').setValue('user1000')
diff --git a/src/components/tests/testRegister.spec.js b/src/components/tests/testRegister.spec.js
index 2e28b55..708ef0e 100644
--- a/src/components/tests/testRegister.spec.js
+++ b/src/components/tests/testRegister.spec.js
@@ -1,11 +1,11 @@
 import { mount } from "@vue/test-utils";
-import register from "src/views/RegisterView.vue";
+import registerView from "src/views/RegisterView.vue";
 import { describe, it, expect } from "vitest";
 
 describe("RegisterView.vue", () => {
 
   it("test register states", () => {
-    const wrapper = mount(register);
+    const wrapper = mount(registerView);
 
     expect(wrapper.vm.username).toBe('');
     expect(wrapper.vm.password).toBe('');
@@ -21,7 +21,7 @@ describe("RegisterView.vue", () => {
   });
 
   it("test page content", () => { 
-    const wrapper = mount(register);
+    const wrapper = mount(registerView);
     expect(wrapper.html()).toContain('Username')
     expect(wrapper.html()).toContain('Password')
     expect(wrapper.html()).toContain('Verify password')
@@ -30,14 +30,14 @@ describe("RegisterView.vue", () => {
   })
 
   it("test button numbers", () => {
-    const wrapper = mount(register);
+    const wrapper = mount(registerView);
 
     expect(wrapper.findAll("router-link")).toHaveLength(1);
     expect(wrapper.findAll("button")).toHaveLength(1);
   });
 
   it("test login home page", async () => {
-    const wrapper = mount(register);
+    const wrapper = mount(registerView);
 
     wrapper.setData({ username: 'user1000', password: 'user1000', passwordVerify: 'user100' });
     await wrapper.find('input[type=text]').setValue('user1000')
diff --git a/src/components/tests/testSearch.spec.js b/src/components/tests/testSearch.spec.js
index cc87dc4..3faf34d 100644
--- a/src/components/tests/testSearch.spec.js
+++ b/src/components/tests/testSearch.spec.js
@@ -1,11 +1,11 @@
 import { mount } from "@vue/test-utils";
-import search from "src/views/SearchView.vue";
+import searchView from "src/views/SearchView.vue";
 import { describe, it, expect } from "vitest";
 
 describe("SearchView.vue", () => {
 
   it("test data states", () => {
-    const wrapper = mount(search);
+    const wrapper = mount(searchView);
     
     expect(wrapper.vm.username).toBe(null);
     expect(wrapper.vm.tag).toBe('');
@@ -29,13 +29,13 @@ describe("SearchView.vue", () => {
   });
 
   it("test page content", () => { 
-    const wrapper = mount(search);
+    const wrapper = mount(searchView);
     
     expect(wrapper.html()).toContain('Search')
   })
 
   it("test button numbers", () => {
-    const wrapper = mount(search);
+    const wrapper = mount(searchView);
 
     expect(wrapper.findAll("button")).toHaveLength(1);
   });
diff --git a/src/router/index.js b/src/router/index.js
index 3497ea9..3563586 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,5 @@
 import { createWebHistory, createRouter } from "vue-router";
 import Home from "@/views/Home.vue";
-import About from "@/views/AboutView.vue";
 import Search from "@/views/SearchView.vue";
 import Popular from "@/views/PopularView.vue";
 import Dashboard from "@/views/DashboardView.vue";
@@ -14,11 +13,6 @@ const routes = [
     name: "Home",
     component: Home,
   },
-  {
-    path: "/about",
-    name: "About",
-    component: About,
-  },
   {
     path: "/search",
     name: "Search",
diff --git a/src/views/DashboardView.vue b/src/views/DashboardView.vue
index e70881b..9aaa6d7 100644
--- a/src/views/DashboardView.vue
+++ b/src/views/DashboardView.vue
@@ -294,7 +294,7 @@ import { GetUser, ChangeUsername, ChangePassword, RemoveLike, ClearHistory, AddH
 import { GetInfluencer } from '../api/influencer';
 
 export default {
-  name: 'dashboard',
+  name: 'dashboardView',
 
   data() {
     return {
@@ -417,8 +417,6 @@ export default {
     resetPassword() {
       this.alert = "";
       if (this.newPassword !== this.newPasswordVerify) {
-        console.log(this.newPassword);
-        console.log(this.newPasswordVerify);
         this.alert = "Passwords must match";
         return;
       }
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 42a4992..4e979be 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -26,7 +26,7 @@
 import { UserLogin } from '../api/user';
 
 export default {
-    name: 'login',
+    name: 'loginView',
     data() {
         return {
             username: "",
diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue
index f45ead4..da0f530 100644
--- a/src/views/RegisterView.vue
+++ b/src/views/RegisterView.vue
@@ -32,7 +32,7 @@
 import { UserRegister } from '../api/user';
 
 export default {
-    name: 'register',
+    name: 'registerView',
     data() {
         return {
             username: "",
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index f483bcc..93b874c 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -202,7 +202,7 @@ import { GetInfluencerByTag } from "../api/influencer";
 import { AddLike, AddHistory } from "../api/user";
 
 export default {
-    name: 'search',
+    name: 'searchView',
     data() {
         return {
             username: localStorage.getItem('username'),

From d51c22654ce57bc0be576301b644ffbb2d88a142 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 13:59:00 -0500
Subject: [PATCH 17/49] code climate test report

---
 .github/workflows/ci.yml | 13 +++++++++++++
 package.json             |  2 +-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 4107cd5..ceae90b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -18,13 +18,26 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
+        -
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
+
       - name: Install requirements
+
         run: npm install | pip3 install -r requirements.txt
       - name: Run tests
         run: npm run test
         env:
           CI: true
+
+      - name: Upload to CodeClimate
+          env:
+            CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+          run: |
+            export GIT_BRANCH="${GITHUB_REF##*/}"
+            curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+            chmod +x ./cc-test-reporter
+            ./cc-test-reporter format-coverage -t simplecov
+            ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
diff --git a/package.json b/package.json
index 2026524..0acd16f 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "coverage": "vitest run --coverage",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
-    "test": "vitest --watch false && python3 -m pytest test_flask"
+    "test": "vitest --watch false && coverage run -m pytest"
   },
   "dependencies": {
     "@sentry/tracing": "^7.17.4",

From 577e2f625089af1d1daecb123c51dd6283e77176 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:02:47 -0500
Subject: [PATCH 18/49] code climate test report

---
 .github/workflows/ci.yml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ceae90b..b6afbc9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -18,7 +18,6 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-        -
       - name: Use Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v2
         with:

From b64765895fa5f23677c5c9cd6e5c1e0ca78829f4 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:03:40 -0500
Subject: [PATCH 19/49] code climate test report

---
 .github/workflows/ci.yml | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index b6afbc9..98ec2b3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -32,11 +32,11 @@ jobs:
           CI: true
 
       - name: Upload to CodeClimate
-          env:
-            CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-          run: |
-            export GIT_BRANCH="${GITHUB_REF##*/}"
-            curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
-            chmod +x ./cc-test-reporter
-            ./cc-test-reporter format-coverage -t simplecov
-            ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+        env:
+          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+        run: |
+          export GIT_BRANCH="${GITHUB_REF##*/}"
+          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+          chmod +x ./cc-test-reporter
+          ./cc-test-reporter format-coverage -t simplecov
+          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID

From 1cfb9d982ebdc88eef994a5bcb53d01120466113 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:15:09 -0500
Subject: [PATCH 20/49] code climate test report

---
 .github/workflows/ci.yml |  22 +-
 package-lock.json        | 619 ++++++++++++++++++++++++++++++++++++++-
 package.json             |   3 +-
 3 files changed, 634 insertions(+), 10 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 98ec2b3..1f97a17 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -31,12 +31,20 @@ jobs:
         env:
           CI: true
 
-      - name: Upload to CodeClimate
+      - name: Test & publish code coverage
+        uses: paambaati/codeclimate-action@v3.2.0
         env:
           CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-        run: |
-          export GIT_BRANCH="${GITHUB_REF##*/}"
-          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
-          chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -t simplecov
-          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+        with:
+          coverageCommand: npm run coverage
+          debug: true
+#
+#      - name: Upload to CodeClimate
+#        env:
+#          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+#        run: |
+#          export GIT_BRANCH="${GITHUB_REF##*/}"
+#          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+#          chmod +x ./cc-test-reporter
+#          ./cc-test-reporter format-coverage -t simplecov
+#          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
diff --git a/package-lock.json b/package-lock.json
index 347d9f4..536d987 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,11 +1,11 @@
 {
-  "name": "frontend",
+  "name": "influco_web",
   "version": "0.1.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "frontend",
+      "name": "influco_web",
       "version": "0.1.0",
       "hasInstallScript": true,
       "dependencies": {
@@ -27,6 +27,7 @@
       "devDependencies": {
         "@babel/core": "^7.12.16",
         "@babel/eslint-parser": "^7.12.16",
+        "@vitest/coverage-c8": "^0.25.6",
         "@vue/cli-plugin-babel": "~5.0.0",
         "@vue/cli-plugin-eslint": "~5.0.0",
         "@vue/cli-plugin-router": "~5.0.0",
@@ -1734,6 +1735,12 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
     "node_modules/@esbuild/android-arm": {
       "version": "0.15.13",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.13.tgz",
@@ -1855,6 +1862,15 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -2352,6 +2368,12 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+      "dev": true
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -2471,6 +2493,86 @@
         "vue": "^3.2.25"
       }
     },
+    "node_modules/@vitest/coverage-c8": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-c8/-/coverage-c8-0.25.6.tgz",
+      "integrity": "sha512-+Bcs1XZ8CuEe52QSOgzqmqiV82CXZRRj3yclPQqtLkUV4S6+kdOdfRTtMHOilwhZH70giDjBQx3jgiZoYgFVMA==",
+      "dev": true,
+      "dependencies": {
+        "c8": "^7.12.0",
+        "vitest": "0.25.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vitest/coverage-c8/node_modules/strip-literal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.0.tgz",
+      "integrity": "sha512-5o4LsH1lzBzO9UFH63AJ2ad2/S2AVx6NtjOcaz+VTT2h1RiRvbipW72z8M/lxEhcPHDBQwpDrnTF7sXy/7OwCQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.8.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vitest/coverage-c8/node_modules/vitest": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.25.6.tgz",
+      "integrity": "sha512-jdPgmZ7BcDnm1+hmMPIl9BZjSy+b8Y8V0tQMsv7ECO90Qic7EZ5/+traILXLpsXgqK5KgVrUJmchevAUuKL/1w==",
+      "dev": true,
+      "dependencies": {
+        "@types/chai": "^4.3.3",
+        "@types/chai-subset": "^1.3.3",
+        "@types/node": "*",
+        "acorn": "^8.8.0",
+        "acorn-walk": "^8.2.0",
+        "chai": "^4.3.6",
+        "debug": "^4.3.4",
+        "local-pkg": "^0.4.2",
+        "source-map": "^0.6.1",
+        "strip-literal": "^1.0.0",
+        "tinybench": "^2.3.1",
+        "tinypool": "^0.3.0",
+        "tinyspy": "^1.0.2",
+        "vite": "^3.0.0"
+      },
+      "bin": {
+        "vitest": "vitest.mjs"
+      },
+      "engines": {
+        "node": ">=v14.16.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@edge-runtime/vm": "*",
+        "@vitest/browser": "*",
+        "@vitest/ui": "*",
+        "happy-dom": "*",
+        "jsdom": "*"
+      },
+      "peerDependenciesMeta": {
+        "@edge-runtime/vm": {
+          "optional": true
+        },
+        "@vitest/browser": {
+          "optional": true
+        },
+        "@vitest/ui": {
+          "optional": true
+        },
+        "happy-dom": {
+          "optional": true
+        },
+        "jsdom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
@@ -4015,6 +4117,93 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/c8": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/c8/-/c8-7.12.0.tgz",
+      "integrity": "sha512-CtgQrHOkyxr5koX1wEUmN/5cfDa2ckbHRA4Gy5LAL0zaCFtVWJS5++n+w4/sr2GWGerBxgTjpKeDclk/Qk6W/A==",
+      "dev": true,
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@istanbuljs/schema": "^0.1.3",
+        "find-up": "^5.0.0",
+        "foreground-child": "^2.0.0",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-reports": "^3.1.4",
+        "rimraf": "^3.0.2",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.0.0",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9"
+      },
+      "bin": {
+        "c8": "bin/c8.js"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/c8/node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/c8/node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/c8/node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/c8/node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -6866,6 +7055,78 @@
         }
       }
     },
+    "node_modules/foreground-child": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
+      "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/foreground-child/node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/foreground-child/node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/foreground-child/node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/foreground-child/node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/foreground-child/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -7240,6 +7501,12 @@
       "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==",
       "dev": true
     },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
     "node_modules/html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -7714,6 +7981,63 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
+      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
+      "dev": true,
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^3.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
+      "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
+      "dev": true,
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/javascript-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
@@ -11212,6 +11536,20 @@
       "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
       "devOptional": true
     },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -11574,6 +11912,20 @@
       "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
       "dev": true
     },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz",
+      "integrity": "sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
     "node_modules/validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -12638,6 +12990,18 @@
         "node": ">=10"
       }
     },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/yorkie": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
@@ -13893,6 +14257,12 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
     "@esbuild/android-arm": {
       "version": "0.15.13",
       "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.15.13.tgz",
@@ -13977,6 +14347,12 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true
+    },
     "@jridgewell/gen-mapping": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz",
@@ -14409,6 +14785,12 @@
         "@types/node": "*"
       }
     },
+    "@types/istanbul-lib-coverage": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+      "dev": true
+    },
     "@types/json-schema": {
       "version": "7.0.11",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.11.tgz",
@@ -14524,6 +14906,49 @@
       "integrity": "sha512-E0tnaL4fr+qkdCNxJ+Xd0yM31UwMkQje76fsDVBBUCoGOUPexu2VDUYHL8P4CwV+zMvWw6nlRw19OnRKmYAJpw==",
       "requires": {}
     },
+    "@vitest/coverage-c8": {
+      "version": "0.25.6",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-c8/-/coverage-c8-0.25.6.tgz",
+      "integrity": "sha512-+Bcs1XZ8CuEe52QSOgzqmqiV82CXZRRj3yclPQqtLkUV4S6+kdOdfRTtMHOilwhZH70giDjBQx3jgiZoYgFVMA==",
+      "dev": true,
+      "requires": {
+        "c8": "^7.12.0",
+        "vitest": "0.25.6"
+      },
+      "dependencies": {
+        "strip-literal": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/strip-literal/-/strip-literal-1.0.0.tgz",
+          "integrity": "sha512-5o4LsH1lzBzO9UFH63AJ2ad2/S2AVx6NtjOcaz+VTT2h1RiRvbipW72z8M/lxEhcPHDBQwpDrnTF7sXy/7OwCQ==",
+          "dev": true,
+          "requires": {
+            "acorn": "^8.8.1"
+          }
+        },
+        "vitest": {
+          "version": "0.25.6",
+          "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.25.6.tgz",
+          "integrity": "sha512-jdPgmZ7BcDnm1+hmMPIl9BZjSy+b8Y8V0tQMsv7ECO90Qic7EZ5/+traILXLpsXgqK5KgVrUJmchevAUuKL/1w==",
+          "dev": true,
+          "requires": {
+            "@types/chai": "^4.3.3",
+            "@types/chai-subset": "^1.3.3",
+            "@types/node": "*",
+            "acorn": "^8.8.0",
+            "acorn-walk": "^8.2.0",
+            "chai": "^4.3.6",
+            "debug": "^4.3.4",
+            "local-pkg": "^0.4.2",
+            "source-map": "^0.6.1",
+            "strip-literal": "^1.0.0",
+            "tinybench": "^2.3.1",
+            "tinypool": "^0.3.0",
+            "tinyspy": "^1.0.2",
+            "vite": "^3.0.0"
+          }
+        }
+      }
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.4.0.tgz",
@@ -15725,6 +16150,65 @@
       "integrity": "sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==",
       "dev": true
     },
+    "c8": {
+      "version": "7.12.0",
+      "resolved": "https://registry.npmjs.org/c8/-/c8-7.12.0.tgz",
+      "integrity": "sha512-CtgQrHOkyxr5koX1wEUmN/5cfDa2ckbHRA4Gy5LAL0zaCFtVWJS5++n+w4/sr2GWGerBxgTjpKeDclk/Qk6W/A==",
+      "dev": true,
+      "requires": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@istanbuljs/schema": "^0.1.3",
+        "find-up": "^5.0.0",
+        "foreground-child": "^2.0.0",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-reports": "^3.1.4",
+        "rimraf": "^3.0.2",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.0.0",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+          "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+          "dev": true,
+          "requires": {
+            "locate-path": "^6.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+          "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+          "dev": true,
+          "requires": {
+            "p-locate": "^5.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+          "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+          "dev": true,
+          "requires": {
+            "yocto-queue": "^0.1.0"
+          }
+        },
+        "p-locate": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+          "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+          "dev": true,
+          "requires": {
+            "p-limit": "^3.0.2"
+          }
+        }
+      }
+    },
     "call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -17743,6 +18227,59 @@
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
       "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
     },
+    "foreground-child": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
+      "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^3.0.2"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "path-key": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^3.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+          "dev": true
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
     "form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -18030,6 +18567,12 @@
       "integrity": "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA==",
       "dev": true
     },
+    "html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
     "html-minifier-terser": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
@@ -18355,6 +18898,50 @@
       "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
       "dev": true
     },
+    "istanbul-lib-coverage": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
+      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+      "dev": true
+    },
+    "istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
+      "dev": true,
+      "requires": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^3.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "dependencies": {
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "istanbul-reports": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
+      "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
+      "dev": true,
+      "requires": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      }
+    },
     "javascript-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/javascript-stringify/-/javascript-stringify-2.1.0.tgz",
@@ -20933,6 +21520,17 @@
         }
       }
     },
+    "test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "requires": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      }
+    },
     "text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
@@ -21200,6 +21798,17 @@
       "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==",
       "dev": true
     },
+    "v8-to-istanbul": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz",
+      "integrity": "sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0"
+      }
+    },
     "validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -21941,6 +22550,12 @@
       "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
       "dev": true
     },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
+    },
     "yorkie": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/yorkie/-/yorkie-2.0.0.tgz",
diff --git a/package.json b/package.json
index 0acd16f..8fe39e5 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage",
+    "coverage": "vitest run --coverage && coverage run -m pytest",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"
@@ -30,6 +30,7 @@
   "devDependencies": {
     "@babel/core": "^7.12.16",
     "@babel/eslint-parser": "^7.12.16",
+    "@vitest/coverage-c8": "^0.25.6",
     "@vue/cli-plugin-babel": "~5.0.0",
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-plugin-router": "~5.0.0",

From d29dfa9cafd0ace6b4a0c51bfecb9e48e521a968 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:37:12 -0500
Subject: [PATCH 21/49] code climate test report

---
 .github/workflows/ci.yml |   36 +-
 package-lock.json        | 1132 +++++++++++++++++++++++++++++++++++++-
 package.json             |    3 +-
 3 files changed, 1147 insertions(+), 24 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 1f97a17..5d7f716 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -14,7 +14,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [ 16.x ]
 
     steps:
       - uses: actions/checkout@v2
@@ -26,25 +26,25 @@ jobs:
       - name: Install requirements
 
         run: npm install | pip3 install -r requirements.txt
-      - name: Run tests
-        run: npm run test
+      - name: Run tests & coverage
+        run: npm run coverage
         env:
           CI: true
 
-      - name: Test & publish code coverage
-        uses: paambaati/codeclimate-action@v3.2.0
+      #      - name: Test & publish code coverage
+      #        uses: paambaati/codeclimate-action@v3.2.0
+      #        env:
+      #          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+      #        with:
+      #          coverageCommand: npm run coverage
+      #          debug: true
+      # "coverage": "vitest run --coverage && coverage run -m pytest",
+      - name: Upload to CodeClimate
         env:
           CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-        with:
-          coverageCommand: npm run coverage
-          debug: true
-#
-#      - name: Upload to CodeClimate
-#        env:
-#          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-#        run: |
-#          export GIT_BRANCH="${GITHUB_REF##*/}"
-#          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
-#          chmod +x ./cc-test-reporter
-#          ./cc-test-reporter format-coverage -t simplecov
-#          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+        run: |
+          export GIT_BRANCH="${GITHUB_REF##*/}"
+          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+          chmod +x ./cc-test-reporter
+          ./cc-test-reporter format-coverage -t coverage.xml
+          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
diff --git a/package-lock.json b/package-lock.json
index 536d987..01cdb51 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -33,7 +33,8 @@
         "@vue/cli-plugin-router": "~5.0.0",
         "@vue/cli-service": "~5.0.0",
         "eslint": "^7.32.0",
-        "eslint-plugin-vue": "^8.0.3"
+        "eslint-plugin-vue": "^8.0.3",
+        "nyc": "^15.1.0"
       },
       "engines": {
         "node": "16.x"
@@ -1862,6 +1863,40 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@istanbuljs/load-nyc-config/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/@istanbuljs/schema": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
@@ -3535,6 +3570,19 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dev": true,
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -3669,6 +3717,18 @@
         "node": ">= 8"
       }
     },
+    "node_modules/append-transform": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-2.0.0.tgz",
+      "integrity": "sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==",
+      "dev": true,
+      "dependencies": {
+        "default-require-extensions": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/arch": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
@@ -3689,6 +3749,12 @@
         }
       ]
     },
+    "node_modules/archy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
+      "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
+      "dev": true
+    },
     "node_modules/argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -4204,6 +4270,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/caching-transform": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/caching-transform/-/caching-transform-4.0.0.tgz",
+      "integrity": "sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==",
+      "dev": true,
+      "dependencies": {
+        "hasha": "^5.0.0",
+        "make-dir": "^3.0.0",
+        "package-hash": "^4.0.0",
+        "write-file-atomic": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -4390,6 +4471,15 @@
         "node": ">= 10.0"
       }
     },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/cli-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
@@ -5209,6 +5299,15 @@
         }
       }
     },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/decimal.js": {
       "version": "10.4.2",
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.2.tgz",
@@ -5369,6 +5468,21 @@
         "node": ">= 8"
       }
     },
+    "node_modules/default-require-extensions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz",
+      "integrity": "sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==",
+      "dev": true,
+      "dependencies": {
+        "strip-bom": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/defaults": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
@@ -5707,6 +5821,12 @@
       "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
       "dev": true
     },
+    "node_modules/es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true
+    },
     "node_modules/esbuild": {
       "version": "0.15.13",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.13.tgz",
@@ -7171,6 +7291,26 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fromentries": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fromentries/-/fromentries-1.3.2.tgz",
+      "integrity": "sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
     "node_modules/fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -7262,6 +7402,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
     "node_modules/get-stream": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@@ -7418,6 +7567,43 @@
       "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
       "dev": true
     },
+    "node_modules/hasha": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
+      "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
+      "dev": true,
+      "dependencies": {
+        "is-stream": "^2.0.0",
+        "type-fest": "^0.8.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/hasha/node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/hasha/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -7760,6 +7946,15 @@
         "node": ">=0.8.19"
       }
     },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -7936,6 +8131,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "dev": true
+    },
     "node_modules/is-unicode-supported": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
@@ -7948,6 +8149,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-wsl": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
@@ -7990,6 +8200,109 @@
         "node": ">=8"
       }
     },
+    "node_modules/istanbul-lib-hook": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz",
+      "integrity": "sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==",
+      "dev": true,
+      "dependencies": {
+        "append-transform": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-instrument": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
+      "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.7.5",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.0.0",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz",
+      "integrity": "sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==",
+      "dev": true,
+      "dependencies": {
+        "archy": "^1.0.0",
+        "cross-spawn": "^7.0.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "p-map": "^3.0.0",
+        "rimraf": "^3.0.0",
+        "uuid": "^8.3.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo/node_modules/cross-spawn": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo/node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo/node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo/node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-processinfo/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/istanbul-lib-report": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
@@ -8025,6 +8338,20 @@
         "node": ">=8"
       }
     },
+    "node_modules/istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/istanbul-reports": {
       "version": "3.1.5",
       "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
@@ -8451,6 +8778,12 @@
       "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
       "dev": true
     },
+    "node_modules/lodash.flattendeep": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
+      "dev": true
+    },
     "node_modules/lodash.kebabcase": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -9104,6 +9437,18 @@
         "node": ">= 6.13.0"
       }
     },
+    "node_modules/node-preload": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/node-preload/-/node-preload-0.2.1.tgz",
+      "integrity": "sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==",
+      "dev": true,
+      "dependencies": {
+        "process-on-spawn": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
@@ -9190,10 +9535,168 @@
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.2.tgz",
       "integrity": "sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw=="
     },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+    "node_modules/nyc": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz",
+      "integrity": "sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==",
+      "dev": true,
+      "dependencies": {
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "caching-transform": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "decamelize": "^1.2.0",
+        "find-cache-dir": "^3.2.0",
+        "find-up": "^4.1.0",
+        "foreground-child": "^2.0.0",
+        "get-package-type": "^0.1.0",
+        "glob": "^7.1.6",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-hook": "^3.0.0",
+        "istanbul-lib-instrument": "^4.0.0",
+        "istanbul-lib-processinfo": "^2.0.2",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.0.2",
+        "make-dir": "^3.0.0",
+        "node-preload": "^0.2.1",
+        "p-map": "^3.0.0",
+        "process-on-spawn": "^1.0.0",
+        "resolve-from": "^5.0.0",
+        "rimraf": "^3.0.0",
+        "signal-exit": "^3.0.2",
+        "spawn-wrap": "^2.0.0",
+        "test-exclude": "^6.0.0",
+        "yargs": "^15.0.2"
+      },
+      "bin": {
+        "nyc": "bin/nyc.js"
+      },
+      "engines": {
+        "node": ">=8.9"
+      }
+    },
+    "node_modules/nyc/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/nyc/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/nyc/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/nyc/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/nyc/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
+    "node_modules/nyc/node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nyc/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nyc/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true
+    },
+    "node_modules/nyc/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/nyc/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
       "dev": true,
       "engines": {
         "node": ">=0.10.0"
@@ -9458,6 +9961,18 @@
         "node": ">=8"
       }
     },
+    "node_modules/p-map": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
+      "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+      "dev": true,
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/p-retry": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
@@ -9480,6 +9995,21 @@
         "node": ">=6"
       }
     },
+    "node_modules/package-hash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/package-hash/-/package-hash-4.0.0.tgz",
+      "integrity": "sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.15",
+        "hasha": "^5.0.0",
+        "lodash.flattendeep": "^4.4.0",
+        "release-zalgo": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -10261,6 +10791,18 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "node_modules/process-on-spawn": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
+      "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
+      "dev": true,
+      "dependencies": {
+        "fromentries": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/progress": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
@@ -10590,6 +11132,18 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/release-zalgo": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
+      "integrity": "sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==",
+      "dev": true,
+      "dependencies": {
+        "es6-error": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -10621,6 +11175,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
     "node_modules/requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -10963,6 +11523,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -11146,6 +11712,38 @@
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
     },
+    "node_modules/spawn-wrap": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
+      "integrity": "sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==",
+      "dev": true,
+      "dependencies": {
+        "foreground-child": "^2.0.0",
+        "is-windows": "^1.0.2",
+        "make-dir": "^3.0.0",
+        "rimraf": "^3.0.0",
+        "signal-exit": "^3.0.2",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/spawn-wrap/node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -11283,6 +11881,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-eof": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
@@ -11774,6 +12381,15 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "dependencies": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
     "node_modules/unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -12835,6 +13451,12 @@
         "which": "bin/which"
       }
     },
+    "node_modules/which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==",
+      "dev": true
+    },
     "node_modules/wildcard": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
@@ -12905,6 +13527,18 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
+    "node_modules/write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
     "node_modules/ws": {
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
@@ -14347,6 +14981,33 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "@istanbuljs/load-nyc-config": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
+      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.3.1",
+        "find-up": "^4.1.0",
+        "get-package-type": "^0.1.0",
+        "js-yaml": "^3.13.1",
+        "resolve-from": "^5.0.0"
+      },
+      "dependencies": {
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        }
+      }
+    },
     "@istanbuljs/schema": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
@@ -15740,6 +16401,16 @@
         "debug": "4"
       }
     },
+    "aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dev": true,
+      "requires": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      }
+    },
     "ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -15837,12 +16508,27 @@
         "picomatch": "^2.0.4"
       }
     },
+    "append-transform": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/append-transform/-/append-transform-2.0.0.tgz",
+      "integrity": "sha512-7yeyCEurROLQJFv5Xj4lEGTy0borxepjFv1g22oAdqFu//SrAlDl1O1Nxx15SH1RoliUml6p8dwJW9jvZughhg==",
+      "dev": true,
+      "requires": {
+        "default-require-extensions": "^3.0.0"
+      }
+    },
     "arch": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
       "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
       "dev": true
     },
+    "archy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/archy/-/archy-1.0.0.tgz",
+      "integrity": "sha512-Xg+9RwCg/0p32teKdGMPTPnVXKD0w3DfHnFTficozsAgsvq2XenPJq/MYpzzQ/v8zrOyJn6Ds39VA4JIDwFfqw==",
+      "dev": true
+    },
     "argparse": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@@ -16209,6 +16895,18 @@
         }
       }
     },
+    "caching-transform": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/caching-transform/-/caching-transform-4.0.0.tgz",
+      "integrity": "sha512-kpqOvwXnjjN44D89K5ccQC+RUrsy7jB/XLlRrx0D7/2HNcTPqzsb6XgYoErwko6QsV184CA2YgS1fxDiiDZMWA==",
+      "dev": true,
+      "requires": {
+        "hasha": "^5.0.0",
+        "make-dir": "^3.0.0",
+        "package-hash": "^4.0.0",
+        "write-file-atomic": "^3.0.0"
+      }
+    },
     "call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -16343,6 +17041,12 @@
         "source-map": "~0.6.0"
       }
     },
+    "clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "dev": true
+    },
     "cli-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
@@ -16946,6 +17650,12 @@
         "ms": "2.1.2"
       }
     },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
+      "dev": true
+    },
     "decimal.js": {
       "version": "10.4.2",
       "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.2.tgz",
@@ -17060,6 +17770,15 @@
         }
       }
     },
+    "default-require-extensions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/default-require-extensions/-/default-require-extensions-3.0.1.tgz",
+      "integrity": "sha512-eXTJmRbm2TIt9MgWTsOH1wEuhew6XGZcMeGKCtLedIg/NCsg1iBePXkceTdK4Fii7pzmN9tGsZhKzZ4h7O/fxw==",
+      "dev": true,
+      "requires": {
+        "strip-bom": "^4.0.0"
+      }
+    },
     "defaults": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
@@ -17324,6 +18043,12 @@
       "integrity": "sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==",
       "dev": true
     },
+    "es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true
+    },
     "esbuild": {
       "version": "0.15.13",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.15.13.tgz",
@@ -18308,6 +19033,12 @@
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true
     },
+    "fromentries": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fromentries/-/fromentries-1.3.2.tgz",
+      "integrity": "sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==",
+      "dev": true
+    },
     "fs-extra": {
       "version": "9.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
@@ -18377,6 +19108,12 @@
         "has-symbols": "^1.0.3"
       }
     },
+    "get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "dev": true
+    },
     "get-stream": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@@ -18491,6 +19228,30 @@
       "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
       "dev": true
     },
+    "hasha": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/hasha/-/hasha-5.2.2.tgz",
+      "integrity": "sha512-Hrp5vIK/xr5SkeN2onO32H0MgNZ0f17HRNH39WfL0SYUNOTZ5Lz1TJ8Pajo/87dYGEFlLMm7mIc/k/s6Bvz9HQ==",
+      "dev": true,
+      "requires": {
+        "is-stream": "^2.0.0",
+        "type-fest": "^0.8.0"
+      },
+      "dependencies": {
+        "is-stream": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+          "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+          "dev": true
+        },
+        "type-fest": {
+          "version": "0.8.1",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+          "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+          "dev": true
+        }
+      }
+    },
     "he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
@@ -18737,6 +19498,12 @@
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true
     },
+    "indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "dev": true
+    },
     "inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
@@ -18865,12 +19632,24 @@
       "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
       "dev": true
     },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==",
+      "dev": true
+    },
     "is-unicode-supported": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
       "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
       "dev": true
     },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "dev": true
+    },
     "is-wsl": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
@@ -18904,6 +19683,84 @@
       "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
       "dev": true
     },
+    "istanbul-lib-hook": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-hook/-/istanbul-lib-hook-3.0.0.tgz",
+      "integrity": "sha512-Pt/uge1Q9s+5VAZ+pCo16TYMWPBIl+oaNIjgLQxcX0itS6ueeaA+pEfThZpH8WxhFgCiEb8sAJY6MdUKgiIWaQ==",
+      "dev": true,
+      "requires": {
+        "append-transform": "^2.0.0"
+      }
+    },
+    "istanbul-lib-instrument": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz",
+      "integrity": "sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.7.5",
+        "@istanbuljs/schema": "^0.1.2",
+        "istanbul-lib-coverage": "^3.0.0",
+        "semver": "^6.3.0"
+      }
+    },
+    "istanbul-lib-processinfo": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-processinfo/-/istanbul-lib-processinfo-2.0.3.tgz",
+      "integrity": "sha512-NkwHbo3E00oybX6NGJi6ar0B29vxyvNwoC7eJ4G4Yq28UfY758Hgn/heV8VRFhevPED4LXfFz0DQ8z/0kw9zMg==",
+      "dev": true,
+      "requires": {
+        "archy": "^1.0.0",
+        "cross-spawn": "^7.0.3",
+        "istanbul-lib-coverage": "^3.2.0",
+        "p-map": "^3.0.0",
+        "rimraf": "^3.0.0",
+        "uuid": "^8.3.2"
+      },
+      "dependencies": {
+        "cross-spawn": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
+          "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+          "dev": true,
+          "requires": {
+            "path-key": "^3.1.0",
+            "shebang-command": "^2.0.0",
+            "which": "^2.0.1"
+          }
+        },
+        "path-key": {
+          "version": "3.1.1",
+          "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+          "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+          "dev": true
+        },
+        "shebang-command": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+          "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+          "dev": true,
+          "requires": {
+            "shebang-regex": "^3.0.0"
+          }
+        },
+        "shebang-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+          "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+          "dev": true
+        },
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
     "istanbul-lib-report": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
@@ -18932,6 +19789,17 @@
         }
       }
     },
+    "istanbul-lib-source-maps": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
+      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.1",
+        "istanbul-lib-coverage": "^3.0.0",
+        "source-map": "^0.6.1"
+      }
+    },
     "istanbul-reports": {
       "version": "3.1.5",
       "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
@@ -19256,6 +20124,12 @@
       "integrity": "sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==",
       "dev": true
     },
+    "lodash.flattendeep": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
+      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
+      "dev": true
+    },
     "lodash.kebabcase": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz",
@@ -19754,6 +20628,15 @@
       "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
       "dev": true
     },
+    "node-preload": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/node-preload/-/node-preload-0.2.1.tgz",
+      "integrity": "sha512-RM5oyBy45cLEoHqCeh+MNuFAxO0vTFBLskvQbOKnEE7YTTSN4tbN8QWDIPQ6L+WvKsB/qLEGpYe2ZZ9d4W9OIQ==",
+      "dev": true,
+      "requires": {
+        "process-on-spawn": "^1.0.0"
+      }
+    },
     "node-releases": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.6.tgz",
@@ -19821,6 +20704,136 @@
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.2.tgz",
       "integrity": "sha512-90yv+6538zuvUMnN+zCr8LuV6bPFdq50304114vJYJ8RDyK8D5O9Phpbd6SZWgI7PwzmmfN1upeOJlvybDSgCw=="
     },
+    "nyc": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/nyc/-/nyc-15.1.0.tgz",
+      "integrity": "sha512-jMW04n9SxKdKi1ZMGhvUTHBN0EICCRkHemEoE5jm6mTYcqcdas0ATzgUgejlQUHMvpnOZqGB5Xxsv9KxJW1j8A==",
+      "dev": true,
+      "requires": {
+        "@istanbuljs/load-nyc-config": "^1.0.0",
+        "@istanbuljs/schema": "^0.1.2",
+        "caching-transform": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "decamelize": "^1.2.0",
+        "find-cache-dir": "^3.2.0",
+        "find-up": "^4.1.0",
+        "foreground-child": "^2.0.0",
+        "get-package-type": "^0.1.0",
+        "glob": "^7.1.6",
+        "istanbul-lib-coverage": "^3.0.0",
+        "istanbul-lib-hook": "^3.0.0",
+        "istanbul-lib-instrument": "^4.0.0",
+        "istanbul-lib-processinfo": "^2.0.2",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-lib-source-maps": "^4.0.0",
+        "istanbul-reports": "^3.0.2",
+        "make-dir": "^3.0.0",
+        "node-preload": "^0.2.1",
+        "p-map": "^3.0.0",
+        "process-on-spawn": "^1.0.0",
+        "resolve-from": "^5.0.0",
+        "rimraf": "^3.0.0",
+        "signal-exit": "^3.0.2",
+        "spawn-wrap": "^2.0.0",
+        "test-exclude": "^6.0.0",
+        "yargs": "^15.0.2"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "camelcase": {
+          "version": "5.3.1",
+          "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+          "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+          "dev": true
+        },
+        "cliui": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+          "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+          "dev": true,
+          "requires": {
+            "string-width": "^4.2.0",
+            "strip-ansi": "^6.0.0",
+            "wrap-ansi": "^6.2.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
+        },
+        "resolve-from": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+          "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+          "dev": true
+        },
+        "wrap-ansi": {
+          "version": "6.2.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+          "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.0.0",
+            "string-width": "^4.1.0",
+            "strip-ansi": "^6.0.0"
+          }
+        },
+        "y18n": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+          "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+          "dev": true
+        },
+        "yargs": {
+          "version": "15.4.1",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+          "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+          "dev": true,
+          "requires": {
+            "cliui": "^6.0.0",
+            "decamelize": "^1.2.0",
+            "find-up": "^4.1.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^4.2.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^18.1.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "18.1.3",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+          "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+          "dev": true,
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
     "object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -20013,6 +21026,15 @@
         "p-limit": "^2.2.0"
       }
     },
+    "p-map": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
+      "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+      "dev": true,
+      "requires": {
+        "aggregate-error": "^3.0.0"
+      }
+    },
     "p-retry": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
@@ -20029,6 +21051,18 @@
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
       "dev": true
     },
+    "package-hash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/package-hash/-/package-hash-4.0.0.tgz",
+      "integrity": "sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.15",
+        "hasha": "^5.0.0",
+        "lodash.flattendeep": "^4.4.0",
+        "release-zalgo": "^1.0.0"
+      }
+    },
     "param-case": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
@@ -20550,6 +21584,15 @@
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
       "dev": true
     },
+    "process-on-spawn": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/process-on-spawn/-/process-on-spawn-1.0.0.tgz",
+      "integrity": "sha512-1WsPDsUSMmZH5LeMLegqkPDrsGgsWwk1Exipy2hvB0o/F0ASzbpIctSCcZIK1ykJvtTJULEH+20WOFjMvGnCTg==",
+      "dev": true,
+      "requires": {
+        "fromentries": "^1.2.0"
+      }
+    },
     "progress": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
@@ -20801,6 +21844,15 @@
       "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
       "dev": true
     },
+    "release-zalgo": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/release-zalgo/-/release-zalgo-1.0.0.tgz",
+      "integrity": "sha512-gUAyHVHPPC5wdqX/LG4LWtRYtgjxyX78oanFNTMMyFEfOqdC54s3eE82imuWKbOeqYht2CrNf64Qb8vgmmtZGA==",
+      "dev": true,
+      "requires": {
+        "es6-error": "^4.0.1"
+      }
+    },
     "renderkid": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
@@ -20826,6 +21878,12 @@
       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
       "dev": true
     },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
     "requires-port": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
@@ -21081,6 +22139,12 @@
         "send": "0.18.0"
       }
     },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
+      "dev": true
+    },
     "setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
@@ -21224,6 +22288,31 @@
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
       "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
     },
+    "spawn-wrap": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/spawn-wrap/-/spawn-wrap-2.0.0.tgz",
+      "integrity": "sha512-EeajNjfN9zMnULLwhZZQU3GWBoFNkbngTUPfaawT4RkMiviTxcX0qfhVbGey39mfctfDHkWtuecgQ8NJcyQWHg==",
+      "dev": true,
+      "requires": {
+        "foreground-child": "^2.0.0",
+        "is-windows": "^1.0.2",
+        "make-dir": "^3.0.0",
+        "rimraf": "^3.0.0",
+        "signal-exit": "^3.0.2",
+        "which": "^2.0.1"
+      },
+      "dependencies": {
+        "which": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+          "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+          "dev": true,
+          "requires": {
+            "isexe": "^2.0.0"
+          }
+        }
+      }
+    },
     "spdx-correct": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.1.tgz",
@@ -21345,6 +22434,12 @@
         "ansi-regex": "^5.0.1"
       }
     },
+    "strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
+      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "dev": true
+    },
     "strip-eof": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
@@ -21700,6 +22795,15 @@
         "mime-types": "~2.1.24"
       }
     },
+    "typedarray-to-buffer": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
+      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
+      "dev": true,
+      "requires": {
+        "is-typedarray": "^1.0.0"
+      }
+    },
     "unicode-canonical-property-names-ecmascript": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
@@ -22440,6 +23544,12 @@
         "isexe": "^2.0.0"
       }
     },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q==",
+      "dev": true
+    },
     "wildcard": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
@@ -22494,6 +23604,18 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
       "dev": true
     },
+    "write-file-atomic": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
+      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
+      "dev": true,
+      "requires": {
+        "imurmurhash": "^0.1.4",
+        "is-typedarray": "^1.0.0",
+        "signal-exit": "^3.0.2",
+        "typedarray-to-buffer": "^3.1.5"
+      }
+    },
     "ws": {
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
diff --git a/package.json b/package.json
index 8fe39e5..7a9922e 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,8 @@
     "@vue/cli-plugin-router": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3"
+    "eslint-plugin-vue": "^8.0.3",
+    "nyc": "^15.1.0"
   },
   "eslintConfig": {
     "root": true,

From 3503e031c59d82963e5d3dfb28d447019fa2ef91 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:45:56 -0500
Subject: [PATCH 22/49] code climate test report

---
 .github/workflows/ci.yml | 42 +++++++++++++++++++++-------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 5d7f716..79be6d3 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -26,25 +26,27 @@ jobs:
       - name: Install requirements
 
         run: npm install | pip3 install -r requirements.txt
-      - name: Run tests & coverage
-        run: npm run coverage
-        env:
-          CI: true
+#      - name: Run tests & coverage
+#        run: npm run coverage
+#        env:
+#          CI: true
 
-      #      - name: Test & publish code coverage
-      #        uses: paambaati/codeclimate-action@v3.2.0
-      #        env:
-      #          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-      #        with:
-      #          coverageCommand: npm run coverage
-      #          debug: true
       # "coverage": "vitest run --coverage && coverage run -m pytest",
-      - name: Upload to CodeClimate
-        env:
-          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-        run: |
-          export GIT_BRANCH="${GITHUB_REF##*/}"
-          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
-          chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -t coverage.xml
-          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+#      - name: Upload to CodeClimate
+#        env:
+#          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+#        run: |
+#          export GIT_BRANCH="${GITHUB_REF##*/}"
+#          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+#          chmod +x ./cc-test-reporter
+#          ./cc-test-reporter format-coverage -t coverage.xml
+#          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+        - name: Test & publish code coverage
+          uses: paambaati/codeclimate-action@v3.2.0
+          env:
+            CC_TEST_REPORTER_ID: ${{secrets.CC_TEST_REPORTER_ID}}
+          with:
+            coverageCommand: npm run coverage
+            coverageLocations: |
+#              ${{github.workspace}}/client/coverage/lcov.info:lcov
+              ${{github.workspace}}/coverage.xml

From fc6bdeed9e0f40ce42d4871f45460bec5196b615 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:46:58 -0500
Subject: [PATCH 23/49] code climate test report

---
 .github/workflows/ci.yml | 2 --
 1 file changed, 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 79be6d3..828e2cf 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -22,9 +22,7 @@ jobs:
         uses: actions/setup-node@v2
         with:
           node-version: ${{ matrix.node-version }}
-
       - name: Install requirements
-
         run: npm install | pip3 install -r requirements.txt
 #      - name: Run tests & coverage
 #        run: npm run coverage

From fbdc378587dc8ee2b1b3e59fa418420697cecc38 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:47:42 -0500
Subject: [PATCH 24/49] code climate test report

---
 .github/workflows/ci.yml | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 828e2cf..89241a2 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -39,12 +39,12 @@ jobs:
 #          chmod +x ./cc-test-reporter
 #          ./cc-test-reporter format-coverage -t coverage.xml
 #          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
-        - name: Test & publish code coverage
-          uses: paambaati/codeclimate-action@v3.2.0
-          env:
-            CC_TEST_REPORTER_ID: ${{secrets.CC_TEST_REPORTER_ID}}
-          with:
-            coverageCommand: npm run coverage
-            coverageLocations: |
+      - name: Test & publish code coverage
+        uses: paambaati/codeclimate-action@v3.2.0
+        env:
+          CC_TEST_REPORTER_ID: ${{secrets.CC_TEST_REPORTER_ID}}
+        with:
+          coverageCommand: npm run coverage
+          coverageLocations: |
 #              ${{github.workspace}}/client/coverage/lcov.info:lcov
-              ${{github.workspace}}/coverage.xml
+            ${{github.workspace}}/coverage.xml

From 4cee526e39c539f90be985faa8ec7a891b3f88f6 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:48:50 -0500
Subject: [PATCH 25/49] code climate test report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 89241a2..7c9081c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -42,7 +42,7 @@ jobs:
       - name: Test & publish code coverage
         uses: paambaati/codeclimate-action@v3.2.0
         env:
-          CC_TEST_REPORTER_ID: ${{secrets.CC_TEST_REPORTER_ID}}
+          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
         with:
           coverageCommand: npm run coverage
           coverageLocations: |

From c288112ef459da354b65e7a4c974aea5b2504404 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:50:13 -0500
Subject: [PATCH 26/49] code climate test report

---
 .github/workflows/ci.yml | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 7c9081c..c03377d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -24,6 +24,16 @@ jobs:
           node-version: ${{ matrix.node-version }}
       - name: Install requirements
         run: npm install | pip3 install -r requirements.txt
+
+      - name: Test & publish code coverage
+        uses: paambaati/codeclimate-action@v3.2.0
+        env:
+          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+        with:
+          coverageCommand: npm run coverage
+          coverageLocations: |
+            #              ${{github.workspace}}/client/coverage/lcov.info:lcov
+                               ${{github.workspace}}/coverage.xml
 #      - name: Run tests & coverage
 #        run: npm run coverage
 #        env:
@@ -39,12 +49,4 @@ jobs:
 #          chmod +x ./cc-test-reporter
 #          ./cc-test-reporter format-coverage -t coverage.xml
 #          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
-      - name: Test & publish code coverage
-        uses: paambaati/codeclimate-action@v3.2.0
-        env:
-          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-        with:
-          coverageCommand: npm run coverage
-          coverageLocations: |
-#              ${{github.workspace}}/client/coverage/lcov.info:lcov
-            ${{github.workspace}}/coverage.xml
+

From c713a887f1bc8aa44dd3aa6654d2594c0f0e2327 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:53:14 -0500
Subject: [PATCH 27/49] code climate test report

---
 .github/workflows/ci.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index c03377d..8c63165 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -32,8 +32,8 @@ jobs:
         with:
           coverageCommand: npm run coverage
           coverageLocations: |
-            #              ${{github.workspace}}/client/coverage/lcov.info:lcov
-                               ${{github.workspace}}/coverage.xml
+#              ${{github.workspace}}/client/coverage/lcov.info:lcov
+            ${{github.workspace}}/coverage.xml
 #      - name: Run tests & coverage
 #        run: npm run coverage
 #        env:

From ba6501571d950cd51d2bf4307c239f78462f3e9f Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 14:54:12 -0500
Subject: [PATCH 28/49] code climate test report

---
 .github/workflows/ci.yml | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8c63165..f0bd60b 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -32,8 +32,9 @@ jobs:
         with:
           coverageCommand: npm run coverage
           coverageLocations: |
-#              ${{github.workspace}}/client/coverage/lcov.info:lcov
             ${{github.workspace}}/coverage.xml
+#              ${{github.workspace}}/client/coverage/lcov.info:lcov
+
 #      - name: Run tests & coverage
 #        run: npm run coverage
 #        env:

From c08bcb1db904e833af20b60f51317f3b63472d9e Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:04:21 -0500
Subject: [PATCH 29/49] code climate test report

---
 .github/workflows/ci.yml | 34 ++++++++++++----------------------
 1 file changed, 12 insertions(+), 22 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f0bd60b..2faf7d6 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -25,29 +25,19 @@ jobs:
       - name: Install requirements
         run: npm install | pip3 install -r requirements.txt
 
-      - name: Test & publish code coverage
-        uses: paambaati/codeclimate-action@v3.2.0
+      - name: Run tests & coverage
+        run: npm run coverage
         env:
-          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-        with:
-          coverageCommand: npm run coverage
-          coverageLocations: |
-            ${{github.workspace}}/coverage.xml
-#              ${{github.workspace}}/client/coverage/lcov.info:lcov
-
-#      - name: Run tests & coverage
-#        run: npm run coverage
-#        env:
-#          CI: true
+          CI: true
 
       # "coverage": "vitest run --coverage && coverage run -m pytest",
-#      - name: Upload to CodeClimate
-#        env:
-#          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
-#        run: |
-#          export GIT_BRANCH="${GITHUB_REF##*/}"
-#          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
-#          chmod +x ./cc-test-reporter
-#          ./cc-test-reporter format-coverage -t coverage.xml
-#          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+      - name: Upload to CodeClimate
+        env:
+          CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
+        run: |
+          export GIT_BRANCH="${GITHUB_REF##*/}"
+          curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
+          chmod +x ./cc-test-reporter
+          ./cc-test-reporter format-coverage -t coverage.xml
+          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 

From 95b0579823fbc5937e4f2f2be20b45d821475de3 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:12:37 -0500
Subject: [PATCH 30/49] code climate test report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 2faf7d6..e2f833a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -38,6 +38,6 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -t coverage.xml
+          ./cc-test-reporter format-coverage
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 

From 725428e02cf2154adb2b608dd446119e09807153 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:14:45 -0500
Subject: [PATCH 31/49] code climate test report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index e2f833a..994bac5 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -38,6 +38,6 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage
+          ./cc-test-reporter format-coverage -t coverage.py
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 

From 2f56b5da1bb36ebdb9b3a2b2bdf704b5d7e26780 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:25:21 -0500
Subject: [PATCH 32/49] coverage report

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7a9922e..ee6f36d 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage && coverage run -m pytest",
+    "coverage": "vitest run --coverage && coverage report && coverage xml",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"

From b85bf6932291c97a88faf8c7ff4a82db41177676 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:27:05 -0500
Subject: [PATCH 33/49] coverage report

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index ee6f36d..185ae88 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage && coverage report && coverage xml",
+    "coverage": "vitest run --coverage && coverage run -m pytest && coverage report && coverage xml",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"

From 86f1001349f2839a0be77f90ddd28994694853f5 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:30:26 -0500
Subject: [PATCH 34/49] coverage report

---
 .github/workflows/ci.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 994bac5..d4fb25d 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -38,6 +38,6 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -t coverage.py
-          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+#          ./cc-test-reporter format-coverage -t coverage.py
+          ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
 

From 0a1fa16a22e576aa8319c9b1765ac5be4f6cd4bf Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:31:46 -0500
Subject: [PATCH 35/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d4fb25d..f23d7db 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -39,5 +39,5 @@ jobs:
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
 #          ./cc-test-reporter format-coverage -t coverage.py
-          ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
+          ./cc-test-reporter upload-coverage --input coverage.xml --id $CC_TEST_REPORTER_ID
 

From 99963cd33d7ffddc498d564571b9493405defca9 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:32:30 -0500
Subject: [PATCH 36/49] coverage report

---
 .github/workflows/ci.yml | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f23d7db..ba6ec77 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -30,7 +30,6 @@ jobs:
         env:
           CI: true
 
-      # "coverage": "vitest run --coverage && coverage run -m pytest",
       - name: Upload to CodeClimate
         env:
           CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
@@ -39,5 +38,5 @@ jobs:
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
 #          ./cc-test-reporter format-coverage -t coverage.py
-          ./cc-test-reporter upload-coverage --input coverage.xml --id $CC_TEST_REPORTER_ID
+          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 

From b0b8de5e52c264b25f945387f673871248381fa7 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:33:17 -0500
Subject: [PATCH 37/49] coverage report

---
 .github/workflows/ci.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index ba6ec77..3c96143 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,6 +37,6 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-#          ./cc-test-reporter format-coverage -t coverage.py
-          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
+          ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
 
+#          ./cc-test-reporter format-coverage -t coverage.py

From 21fa0be0878ea180aac49de7602dcb1fe8c5a7e2 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:43:31 -0500
Subject: [PATCH 38/49] coverage report

---
 .github/workflows/ci.yml | 3 ++-
 package.json             | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 3c96143..93a0e8a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,6 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
+          ./cc-test-reporter format-coverage coverage.xml -t converage.py
           ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
 
-#          ./cc-test-reporter format-coverage -t coverage.py
+
diff --git a/package.json b/package.json
index 185ae88..2143518 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage && coverage run -m pytest && coverage report && coverage xml",
+    "coverage": "vitest run --coverage && coverage run -m pytest --source ./ && coverage report && coverage xml",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"

From 72d96ea019a8a68bc2c30a1c006529fd39f71511 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:49:52 -0500
Subject: [PATCH 39/49] coverage report

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 2143518..cf24781 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage && coverage run -m pytest --source ./ && coverage report && coverage xml",
+    "coverage": "vitest run --coverage && coverage run -m pytest . && coverage report && coverage xml",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"

From 9e6aff6691c195d29df3475ea9b03ddc467e54fc Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:51:49 -0500
Subject: [PATCH 40/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 93a0e8a..716162c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage coverage.xml -t converage.py
+          ./cc-test-reporter format-coverage coverage.xml -t coverage.py
           ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
 
 

From f913cfbdbb67c5d91de3c32677181877b69c7243 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 15:54:43 -0500
Subject: [PATCH 41/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 716162c..f72bc3a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage coverage.xml -t coverage.py
+          ./cc-test-reporter format-coverage -t coverage.py
           ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
 
 

From 693f7591070dd331b41b65086e2f5c6867d3fb5a Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:12:14 -0500
Subject: [PATCH 42/49] coverage report

---
 .github/workflows/ci.yml | 4 ++--
 package.json             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f72bc3a..0341a28 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -t coverage.py
-          ./cc-test-reporter upload-coverage -i coverage.xml --id $CC_TEST_REPORTER_ID
+          ./cc-test-reporter format-coverage -i coverage.xml -t coverage.py
+          ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 
diff --git a/package.json b/package.json
index cf24781..3aadf74 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "coverage": "vitest run --coverage && coverage run -m pytest . && coverage report && coverage xml",
+    "coverage": "vitest run --coverage &&  coverage run --source=. -m pytest test_flask/test_influencer_api.py && coverage report && coverage xml",
     "postinstall": "npm run build",
     "start": "gunicorn influco_web:app",
     "test": "vitest --watch false && coverage run -m pytest"

From 6bc055c5b9db8875951fb09a9075a81025f77c18 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:13:55 -0500
Subject: [PATCH 43/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 0341a28..da9836a 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage -i coverage.xml -t coverage.py
+          ./cc-test-reporter format-coverage coverage.xml -t coverage.py
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From f41b310cc78a47c40f8d96b2657157083475dec4 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:17:31 -0500
Subject: [PATCH 44/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index da9836a..da1537c 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="${GITHUB_REF##*/}"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage coverage.xml -t coverage.py
+          ./cc-test-reporter format-coverage .clover.xml -t coverage.py
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From ba5c83418777821e450bf2588b8887a76c4cba63 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:19:39 -0500
Subject: [PATCH 45/49] coverage report

---
 .github/workflows/ci.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index da1537c..5b8b824 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -34,10 +34,10 @@ jobs:
         env:
           CC_TEST_REPORTER_ID: 197bd3ea34503bd3f3b767813ef33137c182c8b524f90b1611ce03a46c18791e
         run: |
-          export GIT_BRANCH="${GITHUB_REF##*/}"
+          export GIT_BRANCH="master"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage .clover.xml -t coverage.py
+          ./cc-test-reporter format-coverage ./coverage/clover.xml -t coverage.py
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From 97acd97731ba25588f9125be6944307d314dd0b1 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:38:05 -0500
Subject: [PATCH 46/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 5b8b824..8280215 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,7 @@ jobs:
           export GIT_BRANCH="master"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage ./coverage/clover.xml -t coverage.py
+          ./cc-test-reporter format-coverage ./coverage/clover.xml -t clover
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From 4beb6424190e78a1a1837a0dd81f35860328a088 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:44:38 -0500
Subject: [PATCH 47/49] coverage report

---
 .github/workflows/ci.yml | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8280215..d57b584 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -37,7 +37,9 @@ jobs:
           export GIT_BRANCH="master"
           curl -L https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64 > ./cc-test-reporter
           chmod +x ./cc-test-reporter
-          ./cc-test-reporter format-coverage ./coverage/clover.xml -t clover
+          ./cc-test-reporter format-coverage ./coverage/clover.xml -t clover --output "coverage/frontend.json"
+          ./cc-test-reporter format-coverage ./coverage.xml -t coverage.py --output "coverage/backend.json"
+          ./cc-test-reporter sum-coverage --output - --parts 2 coverage/*.json > coverage/codeclimate.json
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From ce535fdc2266423ef62c16f5f9cd3bb57b213f78 Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:48:54 -0500
Subject: [PATCH 48/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d57b584..c10b8e8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -39,7 +39,7 @@ jobs:
           chmod +x ./cc-test-reporter
           ./cc-test-reporter format-coverage ./coverage/clover.xml -t clover --output "coverage/frontend.json"
           ./cc-test-reporter format-coverage ./coverage.xml -t coverage.py --output "coverage/backend.json"
-          ./cc-test-reporter sum-coverage --output - --parts 2 coverage/*.json > coverage/codeclimate.json
+          ./cc-test-reporter sum-coverage --output - --parts 2 coverage/frontend.json coverage/backend.json 
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID
 
 

From c904e686d4f6b3f305da0c8b0d187458c71c234b Mon Sep 17 00:00:00 2001
From: zuoyuwang <zuoyu.wang@mail.utoronto.ca>
Date: Thu, 8 Dec 2022 16:51:17 -0500
Subject: [PATCH 49/49] coverage report

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index c10b8e8..6f13527 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -39,7 +39,7 @@ jobs:
           chmod +x ./cc-test-reporter
           ./cc-test-reporter format-coverage ./coverage/clover.xml -t clover --output "coverage/frontend.json"
           ./cc-test-reporter format-coverage ./coverage.xml -t coverage.py --output "coverage/backend.json"
-          ./cc-test-reporter sum-coverage --output - --parts 2 coverage/frontend.json coverage/backend.json 
+          ./cc-test-reporter sum-coverage --output - --parts 2 coverage/frontend.json coverage/backend.json > "coverage/codeclimate.json"
           ./cc-test-reporter upload-coverage --id $CC_TEST_REPORTER_ID