Do you want to learn how to implement diagram editors using Eclipse GLSP? Then please read on. We have just published a first beta version of a fully interactive tutorial demonstrating the basic steps on how to implement a web-based diagram editor with GLSP!
For the impatient: If you directly want to try the tutorial, visit the
…and follow the instructions. The tutorial is provided as a VS Code extension and will fully guide you through the entire exercise including set-up, building, coding and launching the application. The tutorial works in Eclipse Theia as well as in VS Code.
In the screenshot below, you can have a quick peek of what the interactive tutorial looks like. It is presented as a view within your IDE and guides you through several steps. The tutorial view helps you with the set-up; it guides you to the respective file;, it can help you solve and build an exercise for you and it can evaluate whether you correctly solved the current tutorial step.
This tutorial is currently in an open beta test. As it is still in a beta version, there might be issues and glitches and we are very happy if you give us your feedback and suggestions for improvements. Please report issues on the repository to provide feedback! Based on your feedback, we are planning not only to improve this tutorial, but also extend its content. At the current state, it is focussed on the minimal basics.
If you want to learn more about diagram editors with Eclipse GLSP, please also visit the GLSP homepage. Also, consider joining this talk about GLSP at EclipseCon 2021 to get the latest news on GLSP and learn what is planned for the future.
Finally, EclipseSource provides consulting and implementation services for building web-based tools and specifically for building diagram editors for IDEs such as VS Code and Eclipse Theia.