Update closest tree component on owner update to see if the structure changed

Author: thetarnav

packages/debugger/src/structure/index.ts

@@ -58,13 +58,14 @@ export function createStructure<TEl extends object>(props: {
     let shouldUpdateAllRoots = true
 
     const onComputationUpdate: walker.ComputationUpdateHandler = (
-        rootId, owner, changedStructure,
+        root_id, owner, changed_structure,
     ) => {
         // separate the callback from the computation
         queueMicrotask(() => {
             if (!props.enabled()) return
-            if (changedStructure) {
-                updateOwner(owner, rootId)
+            if (changed_structure) {
+                let owner_to_update = getClosestIncludedOwner(owner, treeWalkerMode) ?? owner
+                updateOwner(owner_to_update, root_id)
             }
             let id = getSdtId(owner, ObjectType.Owner)
             props.onNodeUpdate(id)

packages/debugger/src/structure/walker.ts

@@ -214,9 +214,9 @@ const findComponent = <TEl extends object>(
 
 export
 type ComputationUpdateHandler = (
-    rootId:           NodeID,
-    owner:            Solid.Owner,
-    changedStructure: boolean,
+    rootId:            NodeID,
+    owner:             Solid.Owner,
+    changed_structure: boolean,
 ) => void
 
 export
@@ -244,7 +244,7 @@ function observeComputation<TEl extends object>(
     // copy values in case config gets mutated
     let {rootId, onUpdate: onComputationUpdate, mode} = config
 
-    const handler = () => {
+    let handler = () => {
         let is_leaf = !comp.owned || comp.owned.length === 0
         let changed_structure = was_leaf !== is_leaf || !is_leaf || mode === TreeWalkerMode.DOM
         was_leaf = is_leaf