Zero to One How to Integrate a Graphical Editor in a Cloud IDE

on YouTube ↗06m

" summary

Demo shows a browser IDE embedding Sirius Web components: diagram canvas, model explorer and properties, all backed by an open source SpringBoot + GraphQL model server and React client. Edits propagate real-time collaborative to other users, you can create edit delete elements, and it works with any EMF/DSL model. VS Code extension is packaged as a VSIX and runs inside Theia with only minor unsupported APIs. Source and a free sandbox are available on GitHub.

AI-written summary · about

" chapters (6)

1. 0:00Intro
2. 0:57What is Salesweb
3. 1:13SourceWeb
4. 1:50SalesWeb
5. 2:18Demo
6. 4:55Outro

" related talks

• 32mModeling tools go up to the cloud…Stephane Begaudeau, Pierre-Charles David · EclipseCon Europe 2018
• 37mTextual and Graphical Languages for the Cloud EraMiro Spönemann · EclipseCon 2022
• 40mDiagram Editors Boosted: Collaborative, Testable and Accessible diagrams with Eclipse GLSPPhilip Langer, Dominik Bork · EclipseCon 2023
• 35mBuilding a Browser Based Code EditorJo Franchetti · NDC London 2025
• 34mBuilding Web-based Modeling Tools based on Eclipse TheiaPhilip Langer, Maximilian Koegel · EclipseCon Europe 2018
• 33mDiagram Editors with GLSP: Why flexibility is keyPhilip Langer · EclipseCon 2022
• 29mDiagram Editors in Theia with Eclipse GLSPPhilip Langer · TheiaCon 2022
• 34mBuilding a Browser Based Code EditorJo Franchetti · CPH DevFest 2024