♻️ (store) use a store to store readme and files

src/modules/repo/interfaces/RepoFile.ts

@@ -0,0 +1,8 @@
+export interface RepoFile {
+  path?: string
+  mode?: string
+  type?: string
+  sha?: string
+  size?: number
+  url?: string
+}

src/modules/repo/services/repo.ts

@@ -0,0 +1,77 @@
+import { useGitHubLogin } from '@/hooks/useGitHubLogin.hook'
+import { useMarkdown } from '@/hooks/useMarkdown.hook'
+import { useNoteCache } from '@/modules/note/hooks/useNoteCache'
+import { RepoFile } from '@/modules/repo/interfaces/RepoFile'
+import { Octokit } from '@octokit/rest'
+
+export const getFiles = async (
+  owner: string,
+  repo: string
+): Promise<RepoFile[]> => {
+  if (!owner || !repo) {
+    return []
+  }
+
+  const { accessToken } = useGitHubLogin()
+
+  const octokit = new Octokit({
+    auth: accessToken.value
+  })
+
+  const commits = await octokit.request('GET /repos/{owner}/{repo}/commits', {
+    owner,
+    repo
+  })
+
+  const lastCommit = commits.data.shift()
+
+  if (!lastCommit) {
+    return []
+  }
+
+  const treeResponse = await octokit.request(
+    'GET /repos/{owner}/{repo}/git/trees/{tree_sha}',
+    {
+      owner,
+      repo,
+      tree_sha: lastCommit.commit.tree.sha,
+      recursive: 'true'
+    }
+  )
+
+  return treeResponse?.data.tree.filter((t) => t.type === 'blob') ?? []
+}
+
+export const getMainReadme = async (owner: string, repo: string) => {
+  if (!owner || !repo) {
+    return null
+  }
+  const { render } = useMarkdown()
+  const { getCachedNote, saveCacheNote } = useNoteCache('README')
+
+  const cachedReadme = await getCachedNote()
+
+  try {
+    const { accessToken } = useGitHubLogin()
+    const octokit = new Octokit({
+      auth: accessToken.value
+    })
+
+    const README = await octokit.repos.getReadme({
+      owner,
+      repo
+    })
+
+    if (README) {
+      saveCacheNote(README.data.content)
+      return render(README.data.content)
+    }
+  } catch (error) {
+    console.warn(error)
+    if (cachedReadme) {
+      return render(cachedReadme.content)
+    }
+  }
+
+  return null
+}

src/modules/repo/store/userRepo.store.ts

@@ -0,0 +1,39 @@
+import { RepoFile } from '@/modules/repo/interfaces/RepoFile'
+import { getFiles, getMainReadme } from '@/modules/repo/services/repo'
+import { defineStore } from 'pinia'
+
+interface State {
+  user: string
+  repo: string
+  files: RepoFile[]
+  readme: string | null
+}
+
+export const useUserRepoStore = defineStore({
+  id: 'USER_REPO_STATE',
+  state: (): State => ({
+    user: '',
+    repo: '',
+    files: [],
+    readme: null
+  }),
+  actions: {
+    async setUserRepo(newUser: string, newRepo: string) {
+      this.user = newUser
+      this.repo = newRepo
+      const [readme, files] = await Promise.all([
+        getMainReadme(newUser, newRepo),
+        getFiles(newUser, newRepo)
+      ])
+
+      this.readme = readme
+      this.files = files
+    },
+    resetUserRepo() {
+      this.user = ''
+      this.repo = ''
+      this.files = []
+      this.readme = null
+    }
+  }
+})