ui: child nodes also sorted

tsperf · Jun 9, 2024 · 22d6328 · 22d6328
1 parent 01229d5
commit 22d6328
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/ui/components/TreeNode.vue b/ui/components/TreeNode.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { Tree } from '../../shared/src/tree'
-import { childrenById, typesById } from '~/src/appState'
+import { childrenById, doSort, typesById } from '~/src/appState'
 
 const props = defineProps<{ tree: Tree, depth: number }>()
 
 const sendMessage = useNuxtApp().$sendMessage
 
-const children = computed(() => childrenById.get(props.tree.id) ?? [])
+const children = computed(() => doSort(childrenById.get(props.tree.id) ?? []))
 const types = computed(() => typesById.get(props.tree.id) ?? [])
 
 function fetchChildren() {

diff --git a/ui/src/appState.ts b/ui/src/appState.ts
@@ -1,5 +1,5 @@
 import type { TypeLine } from '../../shared/src/traceData'
-import type { Tree } from '../../src/traceTree'
+import type { Tree } from '../../shared/src/tree'
 import * as Messages from '../../shared/src/messages'
 
 export const childrenById = shallowReactive(new Map<number, Tree[]>())
@@ -21,7 +21,7 @@ const sortValue = {
   'Total Types': (t: Tree) => -(t.childTypeCnt + t.typeCnt),
 } as const
 
-function doSort(arr: Tree[]) {
+export function doSort(arr: Tree[]) {
   const ord = sortValue[sortBy.value]
   return ord ? arr.toSorted((a, b) => ord(a) - ord(b)) : arr
 }