Remove port with it's link and target port

Hello! First of all, thanks for this awesome project!

I ran into issue when trying to remove port with its link and related (target) port. I’m successed only with removing source port and link, but not target port.

Basically I’m doing some kind of UML editor, but for custom solution (will show it later when it’s ready). Here is how it looks now. Pay attention to the node named Address, port contacts and target node Contacts with target port Address[contacts].

When I select needed port, I click delete and run next logic:

const port = node.getPort(portId)
const links = port.getLinks()
const link = links[Object.keys(links)[0]] // didn't find another way to get port's link, its always only single one, so I just take first item from the links object, it works. Any ideas much appreciated

const targetPort = link.getTargetPort() // get target port - `Address[contacts]`
const targetNode = model.getNode(targetNodeId) // node with title 'Contacts'

targetNode.removePort(targetPort) // remove target port in target node
targetPort.remove() // another try to remove
link.remove()

node.removePort(port)

engine.repaintCanvas()

But the only items that removed - source port (contacts) and link. Target port Address[contacts] remains. I need this to remove also.

Any help please?

[renato-bohler]

Sweet, nice to hear 😄

(I don’t have the permission to close the issue, though)

[stanislav-grin]

I managed to solve both problems. For anyone who may have similar problem, my mistake was to wrap my custom NodeWidget in redux’s connect decorator (in order to provide actions for removing/editing/creating ports). After I changed this so that the action was provided via serialize in node model, and using the trick above (with setTimout) everything started to work like a charm.

Thanks a lot for your help, @renato-bohler!

The issue can be closed if needed.

UPD setTimout trick may not be required, but for someone it may be helpful