How do I add arrowhead for my edges?

[dinkoivanov-gepard]

Hi,

First of all, great project, thanks for your work!
I've been a long time user of GEF in Eclipse, been sceptical about diagramming in web, but I've recently found GLSP and it rocks!

Now to the question - I'm doing a quick prototype based on the node-json-vscode template (https://github.com/eclipse-glsp/glsp-examples/tree/master/project-templates/node-json-vscode) and I've added support for edges between tasks. I'm using this code to create my edges:

GEdge.builder()
            .id(`${sourceStep}:${targetStep}`)
            .sourceId(sourceStep)
            .targetId(targetStep)
            .build();

How do I add an arrow head to point to the target?

Thanks,
Dinko

[CamilleLetavernier]

Hi Dinko,

On the server, you need to specify a type attribute for your Edge, and then, on your client-side Diagram Module, map this type to an EdgeView that supports Arrow decorations. This is typically done with a subclass of PolylineEdgeView, which implements the renderAdditionals method to add an SVG triangle at the end of the last segment.

You can find examples of arrow decoration in these discussions:

#1058 (reply in thread)
#753 (comment)

[dinkoivanov-gepard]

Thanks @CamilleLetavernier !