117 lines
2.5 KiB
TypeScript
117 lines
2.5 KiB
TypeScript
import { computed, Ref, ref, toValue } from "vue"
|
|
|
|
import { markdownBuilder } from "@/hooks/useMarkdown.hook"
|
|
import { prepareNoteCache } from "@/modules/note/cache/prepareNoteCache"
|
|
import { queryFileContent } from "@/modules/repo/services/repo"
|
|
import { useUserRepoStore } from "@/modules/repo/store/userRepo.store"
|
|
|
|
export const useFile = (sha: Ref<string> | string, retrieveContent = true) => {
|
|
const store = useUserRepoStore()
|
|
const shaValue = toValue(sha)
|
|
|
|
const path = computed(() => {
|
|
const file = store.files.find((file) => file.sha === shaValue)
|
|
return file?.path
|
|
})
|
|
|
|
const {
|
|
render,
|
|
renderFromUTF8,
|
|
getRawContent: getRawContentFromFile
|
|
} = markdownBuilder(shaValue)
|
|
|
|
const { getCachedNote, saveCacheNote } = prepareNoteCache(
|
|
shaValue,
|
|
toValue(path)
|
|
)
|
|
|
|
const fromCache = ref(false)
|
|
const rawContent = ref("")
|
|
const content = computed(() =>
|
|
rawContent.value ? renderFromUTF8(rawContent.value) : ""
|
|
)
|
|
|
|
const getEditedSha = async () => {
|
|
const { note } = await getCachedNote()
|
|
|
|
if (!note) {
|
|
return null
|
|
}
|
|
|
|
return note.editedSha ?? null
|
|
}
|
|
|
|
const getCachedFileContent = async (): Promise<string | null> => {
|
|
const { note: cachedNote, from } = await getCachedNote()
|
|
|
|
fromCache.value = !!cachedNote
|
|
|
|
if (cachedNote) {
|
|
if (from === "path") {
|
|
queryFileContent(store.user, store.repo, shaValue).then(
|
|
(fileContent) => {
|
|
if (!fileContent) {
|
|
return
|
|
}
|
|
saveCacheNote(fileContent)
|
|
rawContent.value = getRawContentFromFile(fileContent)
|
|
}
|
|
)
|
|
}
|
|
|
|
return cachedNote.content
|
|
}
|
|
|
|
const fileContent = await queryFileContent(store.user, store.repo, shaValue)
|
|
|
|
if (!fileContent) {
|
|
return null
|
|
}
|
|
|
|
saveCacheNote(fileContent)
|
|
return fileContent
|
|
}
|
|
|
|
const getRawContent = async () => {
|
|
const fileContent = await getCachedFileContent()
|
|
|
|
if (!fileContent) {
|
|
return null
|
|
}
|
|
|
|
return getRawContentFromFile(fileContent)
|
|
}
|
|
|
|
const getContent = async () => {
|
|
const fileContent = await getCachedFileContent()
|
|
|
|
if (!fileContent) {
|
|
return null
|
|
}
|
|
|
|
return render(fileContent)
|
|
}
|
|
|
|
if (retrieveContent) {
|
|
getCachedFileContent().then((fileContent) => {
|
|
if (!fileContent) {
|
|
return
|
|
}
|
|
|
|
rawContent.value = getRawContentFromFile(fileContent)
|
|
})
|
|
}
|
|
|
|
return {
|
|
path,
|
|
content,
|
|
rawContent,
|
|
getRawContent,
|
|
getContent,
|
|
getCachedFileContent,
|
|
getEditedSha,
|
|
fromCache,
|
|
saveCacheNote
|
|
}
|
|
}
|