Merge pull request #13 from hfidelis/@refactor

@refactor

Author: hfidelis

src/services/posts/files/django-optimizations.en-us.md renamed to src/services/post/files/django-optimizations.en-us.md

@@ -0,0 +1,105 @@
+import { Octokit } from 'octokit'
+
+interface Post {
+    slug: string
+    lang: string
+    content: string
+}
+
+interface File {
+    download_url: string
+    name: string
+}
+
+class PostService {
+    private static instance: PostService
+
+    private octokit = new Octokit()
+    private owner: string = 'hfidelis'
+    private repo: string = 'learning-in-public'
+    private path: string = 'posts'
+
+    private GITHUB_DATA: { [key: string]: string } = {
+        owner: this.owner,
+        repo: this.repo,
+        path: this.path,
+    }
+    private GITHUB_REQUEST: string = 'GET /repos/{owner}/{repo}/contents/{path}'
+
+    private constructor() {}
+
+    public static getInstance(): PostService {
+        if (!PostService.instance) {
+            PostService.instance = new PostService()
+        }
+
+        return PostService.instance
+    }
+
+    private getPostContent = async (link: string): Promise<string> => {
+        try {
+            const rawContent = await fetch(link)
+    
+            return await rawContent.text()
+        } catch (_) {
+            throw new Error('Error fetching post content')
+        }
+    }
+    
+     public getAllPosts = async () => {
+        try {
+            const postsContent = {}
+    
+            const { data } = await this.octokit.request(this.GITHUB_REQUEST, this.GITHUB_DATA) as any
+        
+            const mappedFiles = data.map((file: any) => {
+                const fileData: File = {
+                    download_url: file.download_url,
+                    name: file.name,
+                }
+                
+                return fileData
+            })
+        
+            const promises = mappedFiles.map(async (file: File): Promise<Post> => {
+                const content: string = await this.getPostContent(file.download_url)        
+        
+                const [ slug, lang ]= file.name.replace('md', '').split('.')
+        
+                return { slug, lang, content }
+            })
+        
+            const results: Array<Post> = await Promise.all(promises)
+        
+            results.forEach((post: Post): void => {        
+                if (!(post.slug in postsContent)) {
+                    postsContent[post.slug] = {}
+                }
+        
+                postsContent[post.slug][post.lang] = post.content
+            })
+        
+            return postsContent
+        } catch (_) {
+            throw new Error('Error fetching posts')
+        }    
+    }
+    
+    public getPostData = async (slug: string): Promise<{ [key: string]: string }> => {
+        try {
+            const posts = await this.getAllPosts()
+    
+            if (!(slug in posts)) {
+                throw new Error('Post not found')
+            }
+        
+            return posts[slug]
+        } catch (_) {
+            throw new Error('Error fetching post content')
+        }
+    }
+}
+
+const postService = PostService.getInstance()
+
+export default postService

src/services/posts/files/django-optimizations.pt-br.md renamed to src/services/post/files/django-optimizations.pt-br.md

@@ -2,9 +2,9 @@
 import { ref, onMounted, watch } from 'vue'
 import { useDark } from '@vueuse/core'
 import { mdiNoteRemove } from '@mdi/js'
-import { getAllPosts } from '@/services/posts/posts'
 
 import Layout from '@/layout/Layout.vue'
+import postService from '@/services/post/post'
 import PostPreview from '@/components/post-preview/PostPreview.vue'
 
 export default {
@@ -21,15 +21,19 @@ export default {
     const currentLocale = ref<string>(this.$i18n.locale.toLowerCase())
 
     const fetchPosts = (): void => {
-      getAllPosts().then((contents): void => {
-                            posts.value = contents                            
-                          })
-                          .catch((): void => {
-                            isError.value = true
-                          })
-                          .finally((): void => {
-                            setTimeout(() => { isLoading.value = false }, 500)
-                          })
+      postService
+        .getAllPosts()
+        .then((contents): void => {
+                posts.value = contents
+              })
+              .catch((): void => {
+                isError.value = true
+              })
+              .finally((): void => {
+                setTimeout(() => {
+                  isLoading.value = false
+                }, 500)
+              })
     }
 
     watch(

src/services/post/post.ts

@@ -4,9 +4,9 @@ import { useDark } from '@vueuse/core'
 import { mdiNoteRemove } from '@mdi/js'
 import { MdPreview } from 'md-editor-v3'
 import { ref, watch, onMounted } from 'vue'
-import { getPostContents } from '@/services/posts/posts'
 
 import 'md-editor-v3/lib/preview.css'
+import postService from '@/services/post/post'
 
 export default {
   components: {    
@@ -24,16 +24,20 @@ export default {
     const fetchPostData = (): void => {
       const { slug } = route.params
 
-      getPostContents(slug as string).then((contents): void => {
-                              postContents.value = contents
-                              currentContent.value = contents[currentLocale.value]
-                            })
-                            .catch((): void => {
-                              isError.value = true
-                            })
-                            .finally((): void => {
-                              setTimeout(() => { isLoading.value = false }, 500)
-                            })
+      postService
+        .getPostData(slug as string)
+        .then((contents: { [key: string]: string }): void => {
+                postContents.value = contents
+                currentContent.value = contents[currentLocale.value]
+              })
+              .catch((): void => {
+                isError.value = true
+              })
+              .finally((): void => {
+                setTimeout(() => {
+                  isLoading.value = false
+                }, 500)
+              })
     }
 
     watch(