visualizeChildDepth.js

/*
    @param {Object} node
    @param {Number} spacing
*/
function traverse(node, spacing) {
    console.info('NODE ::', _spacing(spacing), node)

    var children = node.data;
    if (!children) return

    spacing += 2;
    for (var i = 0; i < children.length; i++) {
        traverse(children[i], spacing);
    }
}

// usage
traverse(rootAppWindow, 2);

/*
    @param {Number} spacing
    @returns {String}
*/
function _spacing(spacing) {
    var result = "";
    while (spacing--) {
        result += ".";
    }
    return result;
}

/*
    Find node by `objectName`
    @param {Object} node
    @param {String} objectName
    @returns {Object}
*/
function find(node, objectName) {
    var children = node.data;
    if (!children) return

    for (var i = 0; i < children.length; i++) {
        var child = children[i];
        if (child.objectName === objectName) {
            return child;
        }

        find(child, objectName);
    }
}

/*
    @param {String} filename ("Phone.1.0/RegionUI/SearchBar.qml")
*/
"fileUpdated": function(filename) {
    var objectName = filename.split("/"); // ["Phone.1.0", "RegionUI", "SearchBar.qml"]
    objectName = objectName[objectName.length - 1]; // "SearchBar.qml"
    objectName = objectName.split(".")[0]; // "SearchBar"
    var elem = find(rootAppWindow, objectName);
    console.info('ELEM ::', elem);
}