React-diagrams: recommendation for having 2 input nodes share a link from one output node?

[arif-hanif]

Is there a possibility to have 2 input nodes share a link with overlapping segments being 1 link and the split point being different link?

I am trying to do process flow diagram and divide the links into segments.

[CallumJHays]

I would also like this feature. I have identified defining a custom node as the intersection 'point' as being a solution, but I'm wondering if from a usability perspective it would be better to piggy-back off the 'link points' system.

[renato-bohler]

I'm also interested in a solution similar to this. I wonder if we can implement a Link that have Ports, so that another Links could bifurcate from them.

[renato-bohler]

Just a heads up... this is possible with react-diagrams, but I wouldn't say it's easy to implement.

I just did it on my project. You can checkout the pull request that added this feature (and some other stuff) here: https://github.com/renato-bohler/logossim/pull/4

Basically, I had to implement a new state (which I called BifurcateLinkState) and change the default state to call it when the user clicks on a link.

There are some other tricky things I had to do, like handling repositioning of all links points of a node (and all of its bifurcations aswell) when a node is moved, to ensure that the bifurcation has the first point always on top of its source, etc., etc., etc..

Because of these details, this implementation is tightly coupled with my link implementation (I've tried to mimic logisim's link routing behavior, on which links respect the grid). I'm not sure how to do it with curvy links... but hey, this may be a starting point.

Oh, and you can try this feature out here: https://renato-bohler.github.io/logossim/

[arif-hanif]

@renato-bohler this is awesome i just came back to this, i will have a look