#6045 Scoped vdom trees: manager.Component: getVdomRenderTree()

Author: tobiu

src/component/Base.mjs

@@ -2206,7 +2206,7 @@ class Base extends CoreBase {
                 parentId   : autoMount ? me.getMountedParentId()    : undefined,
                 parentIndex: autoMount ? me.getMountedParentIndex() : undefined,
                 windowId   : me.windowId,
-                ...me.vdom
+                ...ComponentManager.getVdomRenderTree(me.vdom)
             });
 
             me.onRender(data, useVdomWorker ? autoMount : false);

src/manager/Component.mjs

@@ -318,6 +318,29 @@ class Component extends Base {
         return parents
     }
 
+    /**
+     * Copies a given vdom tree and replaces child component references with the vdom of their matching components
+     * @param {Object} vdom
+     * @returns {Object}
+     */
+    getVdomRenderTree(vdom) {
+        let output = Neo.clone(vdom);
+
+        if (vdom.cn) {
+            output.cn = [];
+
+            vdom.cn.forEach(item => {
+                if (item.componentId) {
+                    item = this.get(item.componentId).vdom
+                }
+
+                output.cn.push(this.getVdomRenderTree(item))
+            })
+        }
+
+        return output
+    }
+
     /**
      * Check if the component had a property of any value somewhere in the Prototype chain
      *