fix(code): initialize snippets with hidden sidebar (#813)

Author: antonreshetov

src/renderer/components/code-space-layout/CodeSpaceLayout.vue

@@ -1,9 +1,18 @@
 <script setup lang="ts">
-import { useApp } from '@/composables'
+import { initCodeSpace, useApp, useSnippets } from '@/composables'
 import { getCodePanels } from '@/composables/layoutModes'
+import { scrollToSnippetIndex } from '@/composables/useSnippetScroller'
 import { store } from '@/electron'
+import { scrollToElement } from '@/utils'
 
-const { codeLayoutMode } = useApp()
+const {
+  codeLayoutMode,
+  isAppLoading,
+  isCodeSpaceInitialized,
+  pendingCodeNavigation,
+  state,
+} = useApp()
+const { displayedSnippets } = useSnippets()
 
 const panels = computed(() => getCodePanels(codeLayoutMode.value))
 
@@ -27,6 +36,34 @@ function onResizeEnd(sw: number, lw: number) {
 function onTwoPanelResize(lw: number) {
   store.app.set('code.layout.twoPanel', lw)
 }
+
+async function initApp() {
+  if (pendingCodeNavigation.value) {
+    return
+  }
+
+  if (isCodeSpaceInitialized.value) {
+    isAppLoading.value = false
+    return
+  }
+
+  isAppLoading.value = true
+  await initCodeSpace()
+
+  nextTick(() => {
+    scrollToElement(`[id="${state.folderId}"]`)
+
+    const index
+      = displayedSnippets.value?.findIndex(s => s.id === state.snippetId) ?? -1
+    if (index >= 0) {
+      scrollToSnippetIndex(index)
+    }
+  })
+
+  isAppLoading.value = false
+}
+
+void initApp()
 </script>
 
 <template>

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

@@ -4,28 +4,23 @@ import Tree from '@/components/sidebar/folders/Tree.vue'
 import LibraryItem from '@/components/sidebar/library/Item.vue'
 import * as ContextMenu from '@/components/ui/shadcn/context-menu'
 import {
-  initCodeSpace,
   useApp,
   useFolders,
   useResizeHandle,
   useSnippets,
 } from '@/composables'
 import { LibraryFilter } from '@/composables/types'
-import { scrollToSnippetIndex } from '@/composables/useSnippetScroller'
 import { i18n, store } from '@/electron'
-import { scrollToElement } from '@/utils'
 import { Archive, Inbox, Plus, Star, Trash } from 'lucide-vue-next'
 import { LAYOUT_DEFAULTS } from '~/main/store/constants'
 
-const { state, isAppLoading, isCodeSpaceInitialized, pendingCodeNavigation }
-  = useApp()
+const { state } = useApp()
 const {
   getSnippets,
   selectFirstSnippet,
   emptyTrash,
   isRestoreStateBlocked,
   clearSearch,
-  displayedSnippets,
 } = useSnippets()
 const {
   folders,
@@ -78,34 +73,6 @@ const libraryItems = [
   { id: LibraryFilter.Trash, name: i18n.t('common.trash'), icon: Trash },
 ]
 
-async function initApp() {
-  if (pendingCodeNavigation.value) {
-    return
-  }
-
-  if (isCodeSpaceInitialized.value) {
-    isAppLoading.value = false
-    return
-  }
-
-  isAppLoading.value = true
-  await initCodeSpace()
-
-  nextTick(() => {
-    scrollToElement(`[id="${state.folderId}"]`)
-
-    const index
-      = displayedSnippets.value?.findIndex(s => s.id === state.snippetId) ?? -1
-    if (index >= 0) {
-      scrollToSnippetIndex(index)
-    }
-  })
-
-  isAppLoading.value = false
-}
-
-void initApp()
-
 async function onFolderClick({
   id,
   event,