compute note backlinks

src/components/StackedNote.vue

@@ -35,6 +35,7 @@ import { useNoteOverlay } from '@/hooks/useNoteOverlay.hook'
 import { useFocus } from '@/hooks/useFocus.hook'
 import { useImages } from '@/hooks/useImages.hook'
 import LinkedNotes from '@/components/LinkedNotes.vue'
+import { filenameToNoteTitle } from '@/utils/noteTitle'
 
 export default defineComponent({
   name: 'StackedNote',
@@ -56,7 +57,7 @@ export default defineComponent({
     const titleClassName = computed(() => `title-${className.value}`)
 
     const { displayNoteOverlay } = useNoteOverlay(className.value, props.index)
-    const displayedTitle = computed(() => props.title.replaceAll('/', ' / '))
+    const displayedTitle = computed(() => filenameToNoteTitle(props.title))
 
     watch(content, () => {
       if (content.value) {

src/data/DataType.enum.ts

@@ -1,5 +1,6 @@
 export enum DataType {
   GithubAccessToken = 'GithubAccessToken',
   FavoriteRepo = 'FavoriteRepo',
-  Note = 'Note'
+  Note = 'Note',
+  BacklinkNote = 'BacklinkNote'
 }

src/hooks/useBacklinks.hook.ts

@@ -1,14 +0,0 @@
-import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
-import { watch } from 'vue'
-
-export const useBackLinks = () => {
-  const store = useUserRepoStore()
-
-  watch(store, () => {
-    if (!store.userSettings?.backlink) {
-      return
-    }
-
-    console.log("let's go backlinks!")
-  })
-}

src/hooks/useComputeBacklinks.hook.ts

@@ -0,0 +1,94 @@
+import { data } from '@/data/data'
+import { DataType } from '@/data/DataType.enum'
+import { useFile } from '@/hooks/useFile.hook'
+import { Backlink } from '@/modules/note/models/Backlink'
+import { BacklinkNote } from '@/modules/note/models/BacklinkNote'
+import { resolvePath } from '@/modules/repo/services/resolvePath'
+import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { isExternalLink } from '@/utils/link'
+import { filenameToNoteTitle } from '@/utils/noteTitle'
+import { watch } from 'vue'
+
+const isMarkdown = (filename?: string) => filename?.endsWith('.md') ?? false
+
+export const useComputeBacklinks = () => {
+  const store = useUserRepoStore()
+
+  watch(store, async () => {
+    if (!store.userSettings?.backlink) {
+      return
+    }
+
+    const backlinks: Map<string, Backlink[]> = new Map()
+
+    for (const file of store.files) {
+      if (!isMarkdown(file.path) || !file.sha) {
+        continue
+      }
+      const fileBacklinkId = data.generateId(DataType.BacklinkNote, file.sha)
+      const fileBacklink = await data.get<DataType.BacklinkNote, BacklinkNote>(
+        fileBacklinkId
+      )
+      if (fileBacklink) {
+        continue
+      }
+      backlinks.set(file.sha, [])
+      const { getContent } = useFile(file.sha, false)
+      const note = await getContent()
+
+      if (!note) {
+        return
+      }
+
+      const parser = new DOMParser()
+      const htmlDoc = parser.parseFromString(note, 'text/html')
+
+      const links = htmlDoc.querySelectorAll('a')
+
+      for (const link of links) {
+        const href = link.getAttribute('href') ?? ''
+
+        if (isExternalLink(href) || !isMarkdown(href)) {
+          continue
+        }
+
+        const path = resolvePath(file.path ?? '', href)
+        const backlinkFile = store.files.find((file) => file.path === path)
+
+        if (!backlinkFile?.sha || !backlinkFile?.path) {
+          continue
+        }
+
+        const previousBacklinks = backlinks.get(backlinkFile.sha) ?? []
+        backlinks.set(backlinkFile.sha, [
+          ...previousBacklinks,
+          {
+            sha: file.sha,
+            title: filenameToNoteTitle(file.path ?? '')
+          }
+        ])
+      }
+    }
+
+    for (const [sha, fileBacklinks] of backlinks) {
+      const fileBacklinkId = data.generateId(DataType.BacklinkNote, sha)
+      const backlinkNote: BacklinkNote = {
+        _id: fileBacklinkId,
+        $type: DataType.BacklinkNote,
+        sha: sha,
+        links: fileBacklinks
+      }
+
+      await data.add(backlinkNote)
+    }
+
+    const backlinksInDb = await data.getAll<
+      DataType.BacklinkNote,
+      BacklinkNote
+    >({
+      prefix: DataType.BacklinkNote
+    })
+
+    console.log(backlinksInDb.filter((b) => b.links.length))
+  })
+}

src/hooks/useFile.hook.ts

@@ -18,6 +18,7 @@ export const useFile = (sha: string, retrieveContent = true) => {
       return
     }
     content.value = render(fileContent)
+    return content.value
   }
 
   const getCachedFileContent = async (): Promise<string | null> => {

src/hooks/useLinks.hook.ts

@@ -1,9 +1,8 @@
 import { noteEventBus } from '@/bus/noteEventBus'
 import { useUserRepoStore } from '@/modules/repo/store/userRepo.store'
+import { isExternalLink } from '@/utils/link'
 import { onUnmounted } from '@vue/runtime-core'
 
-const LINKS = ['http://', 'https://']
-
 export const useLinks = (className: string, sha?: string) => {
   const store = useUserRepoStore()
 
@@ -16,7 +15,7 @@ export const useLinks = (className: string, sha?: string) => {
       return
     }
 
-    if (LINKS.some((link) => href.startsWith(link))) {
+    if (isExternalLink(href)) {
       window.open(href, '_blank')
       return
     }
@@ -50,9 +49,7 @@ export const useLinks = (className: string, sha?: string) => {
         return
       }
 
-      const isExternalLink = LINKS.some((link) => href.startsWith(link))
-
-      if (isExternalLink) {
+      if (isExternalLink(href)) {
         element.classList.add('external-link')
       }
     })

src/modules/note/models/Backlink.ts

@@ -0,0 +1,4 @@
+export interface Backlink {
+  sha: string
+  title: string
+}

src/modules/note/models/BacklinkNote.ts

@@ -0,0 +1,8 @@
+import { DataType } from '@/data/DataType.enum'
+import { Model } from '@/data/models/Model'
+import { Backlink } from '@/modules/note/models/Backlink'
+
+export interface BacklinkNote extends Model<DataType.Backlink> {
+  sha: string
+  links: Backlink[]
+}

src/utils/link.ts

@@ -0,0 +1,4 @@
+export const LINKS = ['http://', 'https://']
+
+export const isExternalLink = (href: string) =>
+  LINKS.some((link) => href.startsWith(link))

src/utils/noteTitle.ts

@@ -0,0 +1,2 @@
+export const filenameToNoteTitle = (title: string) =>
+  title.replaceAll('/', ' / ')

src/views/Home.vue

@@ -12,7 +12,7 @@ import { defineComponent, defineAsyncComponent, computed } from 'vue'
 import { useQueryStackedNotes } from '@/hooks/useQueryStackedNotes.hook'
 import NewVersion from '@/components/NewVersion.vue'
 import Authorize from '@/components/Authorize.vue'
-import { useBackLinks } from '@/hooks/useBacklinks.hook'
+import { useComputeBacklinks } from '@/hooks/useComputeBacklinks.hook'
 
 const FluxNote = defineAsyncComponent(() => import('@/components/FluxNote.vue'))
 
@@ -34,7 +34,7 @@ export default defineComponent({
   },
   setup(props) {
     const { resetStackedNotes } = useQueryStackedNotes()
-    useBackLinks()
+    useComputeBacklinks()
 
     return {
       resetStackedNotes,