MPS Meetup 2023 - Een op Chromium gebaseerde browser inbouwen in MPS MPS Meetup 2023 - Embedding a Chromium based browser into MPS

Een op Chromium gebaseerde browser inbouwen in MPS door Alexander Pann van itemis MPS heeft beperkte mogelijkheden om externe content in te bouwen, vooral webcontent. Het is wel mogelijk om MPS naar het web te brengen, maar deze demo laat zien hoe je webbrowsers in MPS kunt inbouwen via het Java Chromium Embedded Framework (JCEF). Chromium is de belangrijkste codebase achter browsers als Google Chrome en Microsoft Edge. JCEF zit in de JetBrains Runtime Environment (JBR), die MPS als Java-runtimeomgeving gebruikt. Je ziet hoe je JCEF in MPS kunt opnemen en tegen welke uitdagingen je aanloopt. De gebouwde webapplicatie gebruikt JointJS, een JavaScript-bibliotheek voor diagrammen, om diagrammen te tonen, terwijl de data uit een MPS-model wordt opgehaald. De communicatie met de browser werkt in twee richtingen en verloopt via interne JavaScript-communicatie en WebSockets. De server die de WebSocket-communicatie afhandelt is een Netty-server binnen MPS, die ook kan communiceren met applicaties buiten MPS (zoals lokaal draaiende webapplicaties). Slides: https://youtrack.jetbrains.com/articles/MPS-A-216170508/JetBrains-MPS-Community-Meetup-2023-Videos-and-Slides

Embedding a Chromium-based browser into MPS by Alexander Pann from itemis MPS is limited in embedding external content, especially web-based content. While it is possible to bring MPS to the web, this demo showcases how web browsers can be embedded in MPS through Java Chromium Embedded Framework (JCEF). Chromium is the primary codebase that powers browsers like Google Chrome and Microsoft Edge. JCEF is included in the JetBrains Runtime Environment (JBR), which MPS uses as the Java runtime environment. You will see how you can include JCEF in MPS and what challenges you will face. The implemented web application uses JointJS, a JavaScript diagramming library for displaying diagrams while the data is fetched from an MPS model. The communication with the browser is bidirectional and possible via internal JavaScript communication and WebSockets. The server that handles the WebSocket communication is a Netty server inside MPS that can also communicate with applications outside MPS (such as locally running web applications). Slides: https://youtrack.jetbrains.com/articles/MPS-A-216170508/JetBrains-MPS-Community-Meetup-2023-Videos-and-Slides