fix(components): more reliable tree loading

Author: Akryum

packages/app-frontend/src/features/components/ComponentsInspector.vue

@@ -27,6 +27,7 @@ export default defineComponent({
     subscribeToSelectedData()
 
     onMounted(() => {
+      requestComponentTree()
       selectLastComponent()
     })
 

packages/app-frontend/src/features/components/composable/components.ts

@@ -263,6 +263,8 @@ export function resetComponents () {
 
 export const requestedComponentTree = new Set()
 
+let requestComponentTreeRetryDelay = 500
+
 export async function requestComponentTree (instanceId: ComponentTreeNode['id'] = null) {
   if (!instanceId) {
     instanceId = '_root'
@@ -275,12 +277,32 @@ export async function requestComponentTree (instanceId: ComponentTreeNode['id']
 
   await waitForAppSelect()
 
+  _sendTreeRequest(instanceId)
+  _queueRetryTree(instanceId)
+}
+
+function _sendTreeRequest (instanceId: ComponentTreeNode['id']) {
   getBridge().send(BridgeEvents.TO_BACK_COMPONENT_TREE, {
     instanceId,
     filter: treeFilter.value,
   })
 }
 
+function _queueRetryTree (instanceId: ComponentTreeNode['id']) {
+  setTimeout(() => _retryRequestComponentTree(instanceId), requestComponentTreeRetryDelay)
+  requestComponentTreeRetryDelay *= 1.5
+}
+
+function _retryRequestComponentTree (instanceId: ComponentTreeNode['id']) {
+  if (rootInstances.value.length) {
+    requestComponentTreeRetryDelay = 500
+    return
+  }
+  console.log(_retryRequestComponentTree)
+  _sendTreeRequest(instanceId)
+  _queueRetryTree(instanceId)
+}
+
 export function ensureComponentsMapData (data: ComponentTreeNode) {
   let component = componentsMap.value[data.id]
   if (!component) {