Inspired by flow based programming. Now support browser only.
const g = vflow();
// == Nodes ==
const appStart = g.addNode({
id: 'Start'
})
g.addNode({
id: 'Plus',
inPorts: ['a', 'b'],
process: ({state, send}, portName) => {
const { a, b } = state;
send(a + b);
}
})
g.addNode({
id: 'MapTo5',
component: 'core/Mapper',
data: {
map: () => 5
}
})
// == Network ==
g.loadGraph({
"nodes": {
"Start": {
"pos": "72,36,72,72"
},
"Plus": {
"pos": "432,72,72,72",
"data": {
"a": 5
}
},
"MapTo5": {
"pos": "288,-216,72,72"
}
},
"edges": [
"Start:out -> MapTo5:in",
"MapTo5:out -> Plus:b"
]
})
// == Bootstrap ==
appStart.send()
npm run start
npm run build