✨ (history) add last visited repo method

src/components/FluxNote.vue

@@ -54,7 +54,8 @@ import {
   watch,
   nextTick,
   toRefs,
-  onUnmounted
+  onUnmounted,
+  onMounted
 } from 'vue'
 import HeaderNote from '@/components/HeaderNote.vue'
 import { useNote } from '@/hooks/useNote.hook'
@@ -62,6 +63,7 @@ import { useMarkdown } from '@/hooks/useMarkdown.hook'
 import { useLinks } from '@/hooks/useLinks.hook'
 import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
 import { useUserSettings } from '@/modules/user/hooks/useUserSettings.hook'
+import { useVisitRepo } from '@/modules/history/hooks/useVisitRepo.hook'
 
 const StackedNote = defineAsyncComponent(
   () => import('@/components/StackedNote.vue')
@@ -85,6 +87,7 @@ export default defineComponent({
     const refProps = toRefs(props)
     const store = useUserRepoStore()
     useUserSettings()
+    const { visitRepo } = useVisitRepo({ user: props.user, repo: props.repo })
     const { renderString } = useMarkdown(props.repo)
     const { listenToClick } = useLinks('note-display')
     const { stackedNotes, resetStackedNotes } = useQueryStackedNotes()
@@ -120,6 +123,8 @@ export default defineComponent({
       { immediate: true }
     )
 
+    onMounted(() => visitRepo())
+
     onUnmounted(() => {
       store.resetFiles()
       resetStackedNotes()

src/modules/history/components/LastVisited.vue

@@ -7,7 +7,7 @@
       <router-link
         :to="{
           name: `Home`,
-          props: { user: lastVisitedRepo.user, repo: lastVisitedRepo.repo }
+          params: { user: lastVisitedRepo.user, repo: lastVisitedRepo.repo }
         }"
         >{{ lastVisitedRepo.user }}/{{ lastVisitedRepo.repo }}</router-link
       >

src/modules/history/hooks/useLastVisitedRepos.hook.ts

@@ -7,7 +7,7 @@ import { computed } from 'vue'
 export const useLastVisitedRepos = () => {
   const history = useAsyncState(
     data.get<DataType.History, History>(
-      data.generateId(DataType.BacklinkNote, 'history')
+      data.generateId(DataType.History, 'history')
     ),
     null
   )

src/modules/history/hooks/useVisitRepo.hook.ts

@@ -0,0 +1,41 @@
+import { data } from '@/data/data'
+import { DataType } from '@/data/DataType.enum'
+import { History } from '@/data/models/History'
+
+const HISTORY_ID = data.generateId(DataType.History, 'history')
+const MAX_REPO_HISTORY = 10
+
+export const useVisitRepo = (newRepo: { user: string; repo: string }) => {
+  const visitRepo = async () => {
+    const history = await data.get<DataType.History, History>(HISTORY_ID)
+    if (!history) {
+      const newHistory: History = {
+        _id: HISTORY_ID,
+        $type: DataType.History,
+        repos: [newRepo]
+      }
+      await data.add<DataType.History>(newHistory)
+      return
+    }
+
+    const clearedRepos = history.repos.filter(
+      (repo) => repo.user !== newRepo.user && repo.repo !== newRepo.repo
+    )
+
+    const historyRepos = [newRepo, ...clearedRepos].slice(
+      0,
+      MAX_REPO_HISTORY - 1
+    )
+
+    const newHistory: History = {
+      ...history,
+      repos: historyRepos
+    }
+
+    await data.update(newHistory)
+  }
+
+  return {
+    visitRepo
+  }
+}