refactor(tree): separate build tree by feature

Author: larbish

src/app/src/composables/useDraftDocuments.ts

@@ -54,7 +54,7 @@ export const useDraftDocuments = createSharedComposable((host: StudioHost, git:
 
     list.value.push(item)
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:document:updated')
 
     return item
   }
@@ -81,7 +81,7 @@ export const useDraftDocuments = createSharedComposable((host: StudioHost, git:
 
     // Trigger hook to warn that draft list has changed
     if (existingItem.status !== oldStatus) {
-      await hooks.callHook('studio:draft:updated')
+      await hooks.callHook('studio:draft:document:updated')
     }
 
     return existingItem
@@ -150,7 +150,7 @@ export const useDraftDocuments = createSharedComposable((host: StudioHost, git:
       await storage.setItem(id, existingItem)
     }
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:document:updated')
 
     host.app.requestRerender()
   }
@@ -195,7 +195,7 @@ export const useDraftDocuments = createSharedComposable((host: StudioHost, git:
 
     host.app.requestRerender()
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:document:updated')
   }
 
   function select(draftItem: DraftItem<DatabaseItem> | null) {

src/app/src/composables/useDraftMedias.ts

@@ -47,7 +47,7 @@ export const useDraftMedias = createSharedComposable((host: StudioHost, git: Ret
 
     list.value.push(item)
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:media:updated')
 
     return item
   }
@@ -74,7 +74,7 @@ export const useDraftMedias = createSharedComposable((host: StudioHost, git: Ret
 
     // Trigger hook to warn that draft list has changed
     if (existingItem.status !== oldStatus) {
-      await hooks.callHook('studio:draft:updated')
+      await hooks.callHook('studio:draft:media:updated')
     }
 
     return existingItem
@@ -130,7 +130,7 @@ export const useDraftMedias = createSharedComposable((host: StudioHost, git: Ret
       await storage.setItem(id, existingItem)
     }
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:media:updated')
 
     host.app.requestRerender()
   }
@@ -175,12 +175,11 @@ export const useDraftMedias = createSharedComposable((host: StudioHost, git: Ret
 
     host.app.requestRerender()
 
-    await hooks.callHook('studio:draft:updated')
+    await hooks.callHook('studio:draft:media:updated')
   }
 
   function select(draftItem: DraftItem | null) {
     current.value = draftItem
-    console.log('select', draftItem)
   }
 
   async function selectById(id: string) {

src/app/src/composables/useMediaTree.ts

@@ -32,6 +32,8 @@ export const useStudio = createSharedComposable(() => {
 
   host.on.mounted(async () => {
     await draftDocuments.load()
+    await draftMedias.load()
+
     host.app.requestRerender()
     isReady.value = true
 

src/app/src/composables/useStudio.ts

@@ -67,24 +67,31 @@ export const useTree = (type: StudioFeature, host: StudioHost, draft: ReturnType
     select(treeItem)
   }
 
-  hooks.hook('studio:draft:updated', async () => {
-    const hostList = type === 'content' ? host.document : host.media
-    const hostGetFileSystemPath = type === 'content' ? host.document.getFileSystemPath : host.media.getFileSystemPath
-    const list = await hostList.list()
-
+  async function handleDraftUpdate() {
+    const api = type === StudioFeature.Content ? host.document : host.media
+    const list = await api.list()
     const listWithFsPath = list.map((item) => {
-      const fsPath = hostGetFileSystemPath(item.id)
-      return {
-        ...item,
-        fsPath,
-      }
+      const fsPath = api.getFileSystemPath(item.id)
+      return { ...item, fsPath }
     })
 
     // Trigger tree rebuild to update files status
     tree.value = buildTree(listWithFsPath, draft.list.value)
 
     // Reselect current item to update status
     select(findItemFromId(tree.value, currentItem.value.id)!)
+  }
+
+  hooks.hook('studio:draft:document:updated', async () => {
+    if (type !== StudioFeature.Content) return
+
+    await handleDraftUpdate()
+  })
+
+  hooks.hook('studio:draft:media:updated', async () => {
+    if (type !== StudioFeature.Media) return
+
+    await handleDraftUpdate()
   })
 
   return {