nike/buildoz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

graflow: dataset & markup from flow

Browse Source
This commit is contained in:
STEINNI
2026-01-07 10:42:17 +00:00
parent 5f467b782b
commit bdea9a7817
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
bzGraflow.js
View File

@@ -88,18 +88,18 @@ class BZgraflow extends Buildoz{
}
}
addNode(type, id, x, y, data){
if(!(type in this.nodesRegistry)){ console.warn(`Unknown node type (${type})`); return(null)}
const nodeDef = this.nodesRegistry[type]
addNode(node){
const id = node.id
if(!(node.nodeType in this.nodesRegistry)){ console.warn(`Unknown node type (${node.nodeType})`); return(null)}
const nodeDef = this.nodesRegistry[node.nodeType]
this.stagedNodes[id] = nodeDef.cloneNode(true)
if(data){
for(const token in data){
this.stagedNodes[id].innerHTML = this.stagedNodes[id].innerHTML.replace(new RegExp(`\{${token}\}`, 'g'), data[token])
}
}
for(const token in node.markup){
this.stagedNodes[id].innerHTML = this.stagedNodes[id].innerHTML.replace(new RegExp(`\{${token}\}`, 'g'), node.markup[token])
}
if(typeof(node.data)=='object') Object.assign(this.stagedNodes[id].dataset, node.data)
const portEls = this.stagedNodes[id].querySelectorAll('.port')
this.stagedNodes[id].style.left = `${x}px`
this.stagedNodes[id].style.top = `${y}px`
this.stagedNodes[id].style.left = `${node.coords.x}px`
this.stagedNodes[id].style.top = `${node.coords.y}px`
this.stagedNodes[id].dataset.id = id
this.stagedNodes[id].ports = Object.fromEntries(Array.from(portEls).map(item => ([item.dataset.id, { ...item.dataset, el:item }])))
this.nodesContainer.append(this.stagedNodes[id])
@@ -126,7 +126,7 @@ class BZgraflow extends Buildoz{
let x = 0
let y = 0
for(const node of this.flow.nodes){
const nodeEl = this.addNode(node.nodeType, node.id , node.coords.x, node.coords.y, node.data)
const nodeEl = this.addNode(node)
}
for(const link of this.flow.links){
this.addWire(link)