feat(folders): add default language selection to folder context menu

Author: antonreshetov

src/renderer/components/sidebar/folders/Tree.vue

@@ -2,6 +2,7 @@
 import type { Ref } from 'vue'
 import type { PerfectScrollbarExpose } from 'vue3-perfect-scrollbar'
 import type { Node } from './types'
+import { languages } from '@/components/editor/languages'
 import * as ContextMenu from '@/components/ui/shadcn/context-menu'
 import { useApp, useDialog, useFolders, useSnippets } from '@/composables'
 import { i18n } from '@/electron'
@@ -28,8 +29,13 @@ const props = withDefaults(defineProps<Props>(), {
 
 const emit = defineEmits<Emits>()
 
-const { createFolderAndSelect, deleteFolder, renameFolderId, folders }
-  = useFolders()
+const {
+  createFolderAndSelect,
+  deleteFolder,
+  renameFolderId,
+  folders,
+  updateFolder,
+} = useFolders()
 const { state } = useApp()
 const { clearSnippetsState } = useSnippets()
 
@@ -105,6 +111,16 @@ function onRenameFolder() {
   }, 100)
 }
 
+function onSelectLanguage(language: string) {
+  if (!contextNodeId.value) {
+    return
+  }
+
+  updateFolder(contextNodeId.value, {
+    defaultLanguage: language,
+  })
+}
+
 provide(treeKeys, {
   clickNode,
   contextMenu,
@@ -161,6 +177,25 @@ provide(treeKeys, {
         <ContextMenu.Item @click="onDeleteFolder">
           {{ i18n.t("action.delete.common") }}
         </ContextMenu.Item>
+        <ContextMenu.Separator />
+        <ContextMenu.Sub>
+          <ContextMenu.SubTrigger>
+            {{ i18n.t("action.defaultLanguage") }}
+          </ContextMenu.SubTrigger>
+          <ContextMenu.SubContent>
+            <PerfectScrollbar :options="{ minScrollbarLength: 20 }">
+              <div class="max-h-[250px]">
+                <ContextMenu.Item
+                  v-for="language in languages"
+                  :key="language.value"
+                  @click="onSelectLanguage(language.value)"
+                >
+                  {{ language.name }}
+                </ContextMenu.Item>
+              </div>
+            </PerfectScrollbar>
+          </ContextMenu.SubContent>
+        </ContextMenu.Sub>
       </ContextMenu.Content>
     </ContextMenu.Root>
   </PerfectScrollbar>

src/renderer/composables/useSnippets.ts

@@ -1,17 +1,17 @@
 import type {
-  SnippetContentsAdd,
+  SnippetContentsUpdate,
   SnippetsQuery,
   SnippetsResponse,
   SnippetsUpdate,
 } from '~/renderer/services/api/generated'
 import { i18n } from '@/electron'
 import { api } from '~/renderer/services/api'
+import { useApp, useDialog, useFolders } from '.'
 import { LibraryFilter } from './types'
-import { useApp } from './useApp'
-import { useDialog } from './useDialog'
 
 const { state, saveStateSnapshot, restoreStateSnapshot, isFocusedSnippetName }
   = useApp()
+const { folders } = useFolders()
 
 const selectedSnippetIds = ref<number[]>([])
 const lastSelectedSnippetId = ref<number | undefined>()
@@ -103,6 +103,8 @@ async function getSnippets(query?: SnippetsQuery) {
 
 async function createSnippet() {
   try {
+    const folder = folders.value?.find(f => f.id === state.folderId)
+
     const { data } = await api.snippets.postSnippets({
       name: i18n.t('snippet.untitled'),
       folderId: state.folderId || null,
@@ -111,7 +113,7 @@ async function createSnippet() {
     await api.snippets.postSnippetsByIdContents(String(data.id), {
       label: `${i18n.t('fragment')} 1`,
       value: '',
-      language: 'plain_text',
+      language: folder?.defaultLanguage || 'plain_text',
     })
 
     if (
@@ -215,7 +217,7 @@ async function updateSnippets(snippetIds: number[], data: SnippetsUpdate[]) {
 async function updateSnippetContent(
   snippetId: number,
   contentId: number,
-  data: SnippetContentsAdd,
+  data: SnippetContentsUpdate,
 ) {
   await api.snippets.patchSnippetsByIdContentsByContentId(
     String(snippetId),