metabuilder/qml/MetaBuilder/ComponentTreeDBAL.js

.pragma library

// DBAL persistence and tree manipulation helpers for component hierarchy.

function childrenCount(treeNodes, idx) {
    if (idx < 0 || idx >= treeNodes.length) return 0
    var parentDepth = treeNodes[idx].depth; var count = 0
    for (var i = idx + 1; i < treeNodes.length; i++) {
        if (treeNodes[i].depth <= parentDepth) break
        if (treeNodes[i].depth === parentDepth + 1) count++
    }
    return count
}

function subtreeEnd(treeNodes, idx) {
    var parentDepth = treeNodes[idx].depth; var i = idx + 1
    while (i < treeNodes.length && treeNodes[i].depth > parentDepth) i++
    return i
}

function addChild(treeNodes, parentIdx, nextNodeId, dbal, useLiveData, loadFn) {
    if (parentIdx < 0 || parentIdx >= treeNodes.length) return null
    var insertAt = subtreeEnd(treeNodes, parentIdx)
    var newNode = { nodeId: nextNodeId, name: "NewComponent", type: "atom", depth: treeNodes[parentIdx].depth + 1, visible: true, props: [] }
    if (useLiveData) dbal.create("component_node", newNode, function(r, e) { if (!e) loadFn() })
    var updated = treeNodes.slice(); updated.splice(insertAt, 0, newNode)
    return { nodes: updated, selectedIndex: insertAt }
}

function removeNode(treeNodes, idx, dbal, useLiveData, loadFn) {
    if (idx < 0 || idx >= treeNodes.length || treeNodes[idx].depth === 0) return null
    if (useLiveData && treeNodes[idx].id) dbal.remove("component_node", treeNodes[idx].id, function(r, e) { if (!e) loadFn() })
    var endIdx = subtreeEnd(treeNodes, idx); var updated = treeNodes.slice(); updated.splice(idx, endIdx - idx)
    var sel = idx < updated.length ? idx : (updated.length > 0 ? updated.length - 1 : -1)
    return { nodes: updated, selectedIndex: sel }
}

function updateNode(treeNodes, idx, field, value) {
    if (idx < 0 || idx >= treeNodes.length) return treeNodes
    var updated = treeNodes.slice()
    updated[idx] = Object.assign({}, updated[idx]); updated[idx][field] = value
    return updated
}

function addProp(treeNodes, idx) {
    if (idx < 0 || idx >= treeNodes.length) return treeNodes
    var updated = treeNodes.slice(); var node = Object.assign({}, updated[idx])
    var newProps = node.props.slice(); newProps.push({ key: "newProp", value: "" }); node.props = newProps
    updated[idx] = node; return updated
}

function removeProp(treeNodes, nodeIdx, propIdx) {
    if (nodeIdx < 0 || nodeIdx >= treeNodes.length) return treeNodes
    var updated = treeNodes.slice(); var node = Object.assign({}, updated[nodeIdx])
    var newProps = node.props.slice(); newProps.splice(propIdx, 1); node.props = newProps
    updated[nodeIdx] = node; return updated
}

function saveNode(dbal, treeNodes, idx, loadFn) {
    var node = treeNodes[idx]
    var data = { nodeId: node.nodeId, name: node.name, type: node.type, depth: node.depth, visible: node.visible, props: node.props }
    if (node.id) dbal.update("component_node", node.id, data, function(r, e) { if (!e) loadFn() })
    else dbal.create("component_node", data, function(r, e) { if (!e) loadFn() })
}

function loadComponents(dbal, callback) {
    dbal.list("component_node", { take: 200 }, function(result, error) {
        if (!error && result && result.items && result.items.length > 0) {
            var parsed = []; var maxId = 0
            for (var i = 0; i < result.items.length; i++) {
                var n = result.items[i]; var nid = n.nodeId || n.id || i
                if (nid > maxId) maxId = nid
                parsed.push({ id: n.id, nodeId: nid, name: n.name || "Component", type: n.type || "atom", depth: n.depth !== undefined ? n.depth : 0, visible: n.visible !== undefined ? n.visible : true, props: n.props || [] })
            }
            callback(parsed, maxId + 1)
        }
    })
}

function loadJson(relativePath) {
    var xhr = new XMLHttpRequest()
    xhr.open("GET", relativePath, false)
    xhr.send()
    if (xhr.status === 200 || xhr.status === 0) return JSON.parse(xhr.responseText)
    return []
}