fix(code-space): prevent loader flicker when returning from other spaces

Author: antonreshetov

src/renderer/components/sidebar/library/Library.vue

@@ -12,7 +12,7 @@ import { Archive, Inbox, Plus, Star, Trash } from 'lucide-vue-next'
 import { SplitterGroup, SplitterPanel, SplitterResizeHandle } from 'radix-vue'
 import { APP_DEFAULTS } from '~/main/store/constants'
 
-const { state, isAppLoading } = useApp()
+const { state, isAppLoading, isCodeSpaceInitialized } = useApp()
 const {
   getSnippets,
   selectFirstSnippet,
@@ -79,6 +79,11 @@ async function initGetSnippets() {
 }
 
 async function initApp() {
+  if (isCodeSpaceInitialized.value) {
+    isAppLoading.value = false
+    return
+  }
+
   isAppLoading.value = true
 
   const results = await Promise.allSettled([
@@ -92,6 +97,10 @@ async function initApp() {
     }
   })
 
+  isCodeSpaceInitialized.value = results.every(
+    result => result.status === 'fulfilled',
+  )
+
   isAppLoading.value = false
 }
 

src/renderer/composables/useApp.ts

@@ -28,6 +28,7 @@ const focusedFolderId = ref<number | undefined>()
 const focusedSnippetId = ref<number | undefined>()
 
 const isAppLoading = ref(true)
+const isCodeSpaceInitialized = ref(false)
 const isFocusedSnippetName = ref(false)
 const isFocusedSearch = ref(false)
 const isShowMarkdown = ref(false)
@@ -97,6 +98,7 @@ export function useApp() {
     focusedFolderId,
     focusedSnippetId,
     isAppLoading,
+    isCodeSpaceInitialized,
     highlightedFolderIds,
     highlightedSnippetIds,
     highlightedTagId,