-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
31 lines (31 loc) · 30.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!doctype html><html lang=en-us><head><meta name=theme content="Syna"><meta name=theme-version content="v0.17.4"><meta name=theme-url content="https://syna.okkur.org"><meta name=theme-description content="Highly customizable open source theme for Hugo based static websites"><meta name=theme-author content="Okkur Labs"><meta name=theme-author-url content="https://about.okkur.org"><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name=google content="notranslate"><meta name=apple-mobile-web-app-capable content="yes"><meta name=apple-mobile-web-app-status-bar-style content="black"><meta name=description content="The Graphical Language Server Platform (GLSP) is an extensible open-source framework for building custom diagram editors based on web technologies. Alongside an extensible client framework and a server framework, GLSP provides a language server protocol (LSP) for diagrams. With that, GLSP enables the development of modern, web-based diagram editors, whereas the heavy lifting, such as loading, interpreting, and editing according to the rules of the modeling language, is encapsulated in the server."><meta property="og:title" content="GLSP"><meta property="og:description" content="Graphical Language Server Platform"><meta property="og:type" content="website"><meta property="og:url" content="https://www.eclipse.dev/glsp/"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="GLSP"><meta name=twitter:description content="The Graphical Language Server Platform (GLSP) is an extensible open-source framework for building custom diagram editors based on web technologies. Alongside an extensible client framework and a server framework, GLSP provides a language server protocol (LSP) for diagrams. With that, GLSP enables the development of modern, web-based diagram editors, whereas the heavy lifting, such as loading, interpreting, and editing according to the rules of the modeling language, is encapsulated in the server."><meta name=twitter:url content="https://www.eclipse.dev/glsp/"><meta property="og:image" content><meta name=twitter:image content><meta name=author content="Eclipse Foundation"><meta name=generator content="Hugo 0.78.1"><title>GLSP</title><style>.mx-0{margin-left:0!important;margin-right:0!important}@-ms-viewport{width: device-width; }html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:540px;max-width:720px;max-width:960px;max-width:1140px}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.33333%;max-width:33.33333%}.col-5{flex:0 0 41.66667%;max-width:41.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.33333%;max-width:58.33333%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.33333%;max-width:83.33333%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.66667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333%}.offset-5{margin-left:41.66667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333%}.offset-8{margin-left:66.66667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333%}.offset-11{margin-left:91.66667%}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}</style><link href=https://www.eclipse.dev/glsp/style.min.22cd872de50060107e56c516d998a642b2d73f8b4495cfdab6ecc5fb9b3719c5.css rel=stylesheet><link rel="shortcut icon" type=image/x-icon href=favicon.ico><link rel=icon sizes="16x16 32x32" type=image/x-icon href=/glsp/favicon.ico><link rel=icon href=/glsp/favicon.png><link rel=apple-touch-icon-precomposed href=/glsp/favicon.png><script>window.syna={};</script><script src=/glsp/scripts/syna-head.min.39bf5c0a13b9259b89a61f939da69c098cd8bf74be53a960cb951c39ad08db54.js></script></head><body class=bg-secondary><script defer src=https://static.cloudflareinsights.com/beacon.min.js data-cf-beacon='{"token": "06f5cd775d484737a074b8122aae40ef"}'></script><nav class="overlay fragment navbar navbar-expand-lg py-2 scroll-spy bg-light navbar-light" id=nav role=navigation><div class=container><a class="navbar-brand py-0" href=/glsp/#><img src=/glsp/images/logo.png height=35 class="d-inline-block align-top" alt=GLSP></a>
<button class=navbar-toggler type=button data-toggle=collapse data-target=#navbarCollapse aria-controls=navbarCollapse aria-expanded=false aria-label="Toggle navigation">
<span class=navbar-toggler-icon></span></button><div class="navbar-collapse justify-content-between collapse show" id=navbarCollapse><ul class=navbar-nav><li class=nav-item><a class=nav-link href=/glsp>Home</a></li><li class=nav-item><a class=nav-link href=/glsp/support>Support</a></li><li class=nav-item><a class=nav-link href=/glsp/documentation>Documentation</a></li><li class=nav-item><a class=nav-link href=/glsp/examples>Examples</a></li><li class=nav-item><a class=nav-link href=/glsp/gallery>Gallery</a></li><li class=nav-item><a class=nav-link href=/glsp/contact>Contact</a></li><li class=nav-item><a class=nav-link href=https://github.com/eclipse-glsp/glsp>GitHub</a></li></ul><div class="search-container position-relative"><form action=https://www.eclipse.dev/glsp/search class=my-0><div class="input-group my-0"><input type=text class="form-control py-1" id=search-query-nav name=s placeholder=Search...><div class=input-group-append><button class="btn btn-primary" title=Search><i class="fa fa-search"></i></button></div></div></form><div class=search-results-container><div class="col p-0"><div id=search-results-nav class="col px-0 results"></div></div></div></div></div></div></nav><div class="scroll-to-top bg-primary has-font-icon" title="Back to top"><i class="fas fa-angle-up"></i><span class=sr-only>Back to top</span></div><script id=search-empty-template-nav type=text/x-js-template>
<p class="p-2">Please enter a word or phrase above</p>
</script><script id=search-no-results-template-nav type=text/x-js-template>
<p class="p-2">No matches found</p>
</script><script id=search-result-template-nav type=text/x-js-template>
<a href="${link}" id="summary-${key}" class="result ignore-color-change">
<div class="p-2">
<h5>${title}</h5>
<p class="m-0 text-body">${snippet}</p>
${ isset tags }<p>Tags: ${tags}</p>${ end }
${ isset categories }<p>Categories: ${categories}</p>${ end }
</div>
</a>
</script><script>(function(){var fragmentName="nav";window.syna.api.register('search','search-'+fragmentName,{searchInput:`#search-query-${fragmentName}`,resultsContainer:`#search-results-${fragmentName}`,template:`#search-result-template-${fragmentName}`,noResults:`#search-no-results-template-${fragmentName}`,empty:`#search-empty-template-${fragmentName}`,});var resultsContainer=document.querySelector(`#${fragmentName} .search-results-container`)
document.querySelector(`#search-query-${fragmentName}`).addEventListener('input',function(e){if(e.target.value.length){resultsContainer.classList.add('show');}else{resultsContainer.classList.remove('show');}});document.addEventListener('click',function(e){if(!document.querySelector(`#${fragmentName} .search-container`).contains(e.target)){document.querySelector(`#search-query-${fragmentName}`).value='';resultsContainer.classList.remove('show');}});})();</script><header id=hero class="fragment hero"><div class="jumbotron text-center mb-0 bg-dark"><div id=hero-particles-js class="hero-particles particles-js"></div><div class="hero-image-container row justify-content-center align-items-start"><img class="hero-image overlay img-fluid" src=/glsp/images/diagramanimated_compact.gif alt="Graphical Language Server Platform™ (GLSP)"></img></div><div class="hero-subtitle-container row justify-content-center align-items-start"><h1 class="hero-subtitle overlay jumbotron-heading my-4 text-white">Eclipse GLSP™<br><span style=font-size:.65em;color:lightgrey>Graphical Language Server Platform for next-generation diagram editors</span></h1></div><div class=hero-buttons><a class="overlay btn btn-lg m-2 btn-primary" href=/glsp/#overview><div class="column justify-content-center align-content-center">Overview</div></a><a class="overlay btn btn-lg m-2 btn-primary" href=/glsp/documentation><div class="column justify-content-center align-content-center">Documentation</div></a><a class="overlay btn btn-lg m-2 btn-primary" href=/glsp/support><div class="column justify-content-center align-content-center">Support</div></a><a class="overlay btn btn-lg m-2 btn-primary" href=/glsp/examples#examples><div class="column justify-content-center align-content-center">Examples</div></a><a class="overlay btn btn-lg m-2 btn-primary" href=/glsp/gallery><div class="column justify-content-center align-content-center">Gallery</div></a></div></div></header><script>var fragmentName="hero";window.syna.api.register("hero","hero-"+fragmentName,{selector:"hero-particles-js",config:null,});</script><section id=overview class="fragment content-fragment"><div class="container-fluid bg-light overlay"><div class="container py-5 overlay"><div class=row><article class=col-md-12><div class="title-container row mx-0"><div class="title col px-0 text-center text-body"><h2>Modern diagram editors for Eclipse Theia, VS Code, Web pages and more</h2></div></div><div class="content-body col-12 content px-0 text-body"><hr><img align=right src=images/glspoverview.png alt="GLSP Overview" style="padding:5px 5px 0 25px"><p style=padding-top:0;text-align:justify>The Graphical Language Server Platform (GLSP) is an extensible open-source framework for building custom diagram editors based on web technologies.
Alongside an extensible client framework and a server framework, GLSP provides a language server protocol (LSP) for diagrams.
With that, GLSP enables the development of modern, web-based diagram editors, whereas the heavy lifting, such as loading, interpreting, and editing according to the rules of the modeling language, is encapsulated in the server.
GLSP provides integration layers, to use GLSP editors seamlessly in web pages, Eclipse Theia, VS Code and even Eclipse desktop.</p></div></article></div></div></div></section><section id=features class=fragment><div class="container-fluid bg-light"><div class="container py-5"><div class="title-container row mx-0"><div class="title col px-0 text-center text-body"><h2>Features</h2></div></div><div class="row justify-content-center align-items-stretch items"><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><span class="fa-stack fa-3x m-2" title="Web-based Diagram Editors"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i><span class=sr-only>Web-based Diagram Editors</span></span></div><div class="row justify-content-center text-center"><h4 class="mb-3 text-body">Web-based Diagram Editors</h4></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>GLSP provides the perfect basis for the efficient development of web-based diagram editors including edit functionality, layouting, shapes, palettes and everything else you expect from a powerful, modern diagram editor.
GLSP doesn't hide the underlying rendering technologies, such as Eclipse Sprotty, SVG, and CSS.
Thus, you have the full power of those technologies at your fingertips to implement scalable and interactive diagrams that are styleable with CSS.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><span class="fa-stack fa-3x m-2" title="Flexible and Extensible"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-cogs fa-stack-1x fa-inverse"></i><span class=sr-only>Flexible and Extensible</span></span></div><div class="row justify-content-center text-center"><h4 class="mb-3 text-body">Flexible and Extensible</h4></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>GLSP enables a clear separation between diagram client and server which communicates using the defined protocol.
This flexible approach provides a clear encapsulation of your domain-specific diagram logic on the server from the rendering part on the client.
The diagram client is highly customizable and extensible to add custom shapes or editing features.
Also the protocol can be extended with custom messages, if needed.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=/glsp/documentation/integrations/#platform-integrations class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Tool Integration and Migration"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fab fa-soundcloud fa-stack-1x fa-inverse"></i><span class=sr-only>Tool Integration and Migration</span></span></a></div><div class="row justify-content-center text-center"><a href=/glsp/documentation/integrations/#platform-integrations class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Tool Integration and Migration</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>The client is based on modern web technologies and can be integrated in any web application, as well as into web IDEs, such as Eclipse Theia, VS Code or the Eclipse desktop IDE.
GLSP provides two server frameworks, in Java or Node, for developing your domain-specific diagram logic.
Moreover, it can even be hooked up with your existing modeling tool to enable a clean and efficient migration path from desktop to web.</p></div></div></div></div></div></div></section><section id=components class=fragment><div class="container-fluid bg-light"><div class="container py-5"><div class="title-container row mx-0"><div class="title col px-0 text-center text-body"><h2>Components</h2></div></div><div class="row justify-content-center align-items-stretch items"><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Diagram client"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fab fa-html5 fa-stack-1x fa-inverse"></i><span class=sr-only>Diagram client</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Diagram client</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>GLSP provides a ready-to-use diagram client, which is responsible for rendering domain-specific diagrams. It is implemented using HTML5, Typescript, Sprotty and SVG. The generic GLSP diagram client can be connected to any domain-specific GLSP server via the defined protocol to support a specific diagram type. Furthermore, the diagram client is easily customizable and extensible by domain-specific features.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp/blob/master/PROTOCOL.md class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title=Protocol><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-broadcast-tower fa-stack-1x fa-inverse"></i><span class=sr-only>Protocol</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp/blob/master/PROTOCOL.md class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Protocol</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Following the successful pattern provided by the language server protocol (LSP) for textual languages, GLSP provides a defined protocol for the communication between the GLSP client and the server. In this modular architecture, server and client are well encapsulated and can be developed in an independent way. This allows mixing in the ideal technologies on both sides and reusing existing clients and server.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-server class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Graphical Language Server"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-database fa-stack-1x fa-inverse"></i><span class=sr-only>Graphical Language Server</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-server class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Graphical Language Server</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Enabled by the flexible protocol-based architecture, a domain-specific GLSP server can be implemented in any preferred technology.
Therefore, you can easily integrate a GLSP server into an existing environment and even reuse existing domain-specific business logic.
GLSP provides a framework for the implementation of GLSP servers using Java or Node, as well as an optional integration with EMF.</p></div></div></div></div></div></div></section><section id=integrations class=fragment><div class="container-fluid bg-light"><div class="container py-5"><div class="title-container row mx-0"><div class="title col px-0 text-center text-body"><h2>Diagram Editor Integrations</h2></div></div><div class="row justify-content-center align-items-stretch items"><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Standalone Client"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-laptop fa-stack-1x fa-inverse"></i><span class=sr-only>Standalone Client</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Standalone Client</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Eclipse GLSP provides a standalone diagram client that can be directly deployed as a web application. Therefore, GLSP does not depend on the usage of any IDE.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Embedded (on any website)"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fab fa-html5 fa-stack-1x fa-inverse"></i><span class=sr-only>Embedded (on any website)</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-client class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Embedded (on any website)</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>The GLSP diagram editor client is based on standard web technologies (SVG, HTML and CSS) and can therefore be seamlessly embedded on any website.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-vscode-integration class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="VS Code Client"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-code fa-stack-1x fa-inverse"></i><span class=sr-only>VS Code Client</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-vscode-integration class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">VS Code Client</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Eclipse GLSP provides a ready-to-be-used integration with VS Code to provide diagram editors as extensions for the popular IDE.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-theia-integration class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Eclipse Theia Client"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-meteor fa-stack-1x fa-inverse"></i><span class=sr-only>Eclipse Theia Client</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-theia-integration class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Eclipse Theia Client</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Using the powerful extension mechanism of Eclipse Theia, GLSP provides a full integration of diagram editors into the popular IDE framework.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=https://github.com/eclipse-glsp/glsp-eclipse-integration class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title="Eclipse Desktop IDE Client"><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-desktop fa-stack-1x fa-inverse"></i><span class=sr-only>Eclipse Desktop IDE Client</span></span></a></div><div class="row justify-content-center text-center"><a href=https://github.com/eclipse-glsp/glsp-eclipse-integration class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Eclipse Desktop IDE Client</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Using a Chrome-based browser Eclipse GLSP provides a seamless integration of diagram editors into the Eclipse desktop IDE.</p></div></div></div><div class="col-md-4 items-column"><div class="row image justify-content-center align-items-center"><a href=/glsp/examples#workflowoverview class="col align-items-center d-flex flex-column header text-body"><span class="fa-stack fa-3x m-2" title=Examples><i class="fas fa-circle fa-stack-2x text-primary"></i><i class="fas fa-user-check fa-stack-1x fa-inverse"></i><span class=sr-only>Examples</span></span></a></div><div class="row justify-content-center text-center"><a href=/glsp/examples#workflowoverview class="col justify-content-between d-flex flex-column header text-body"><h4 class="mb-3 text-body">Examples</h4></a></div><div class="row justify-content-center text-center p-2"><div class=text-body><p style=margin-left:5px;margin-right:5px;text-align:justify>Eclipse GLSP provides a consistent example for all available integrations, see <a href=examples#workflowoverview>our workflow example</a>.</p></div></div></div></div></div></div></section><section id=footer class=fragment><div class="container-fluid bg-light"><div class="container py-5"><div class=row><div class="col-md m-2 text-body"><h4></h4><a href=#><img src=/glsp/images/logo.png class="img-fluid w-50" alt=GLSP></a><div class="row justify-content-left ml-0"><span class="fa-stack fa-2x mt-3 mr-1" title=twitter><a href=https://twitter.com/eclipseglsp class=ignore-color-change><i class="fas fa-circle fa-stack-2x"></i><i class="fab fa-twitter fa-stack-1x fa-fw text-light"></i><span class=sr-only>twitter</span></a></span>
<span class="fa-stack fa-2x mt-3 mr-1" title=github><a href=https://github.com/eclipse-glsp/glsp class=ignore-color-change><i class="fas fa-circle fa-stack-2x"></i><i class="fab fa-github fa-stack-1x fa-fw text-light"></i><span class=sr-only>github</span></a></span>
<span class="fa-stack fa-2x mt-3 mr-1" title=github-discussions><a href=https://github.com/eclipse-glsp/glsp/discussions class=ignore-color-change><i class="fas fa-circle fa-stack-2x"></i><i class="far fa-comments fa-stack-1x fa-fw text-light"></i><span class=sr-only>github-discussions</span></a></span></div></div><div class="col-md m-2 text-body"><h4>Related Projects</h4><ul class="nav flex-column"><li class=nav-item><a class="nav-link p-0 display-5" href=https://sprotty.org>Eclipse Sprotty</a></li><li class=nav-item><a class="nav-link p-0 display-5" href=https://www.eclipse.dev/emfcloud>Eclipse EMF.cloud</a></li><li class=nav-item><a class="nav-link p-0 display-5" href=https://eclipsesource.com/technology/eclipse-theia>Eclipse Theia IDE</a></li><li class=nav-item><a class="nav-link p-0 display-5" href=https://eclipse.dev/che>Eclipse Che</a></li></ul></div><div class="col-md m-2 text-body"><div><h4 id=eclipse-glsp>Eclipse GLSP</h4><p>The Eclipse Graphical Language Server Platform is a project hosted at the <a href=https://www.eclipse.org>Eclipse Foundation</a>, led by <a href=https://projects.eclipse.org/projects/ecd.glsp/who>Philip Langer & Tobias Ortmayr</a>, organized within the <a href=https://projects.eclipse.org/projects/ecd>Eclipse Cloud Development</a> project.</p><p>Gefördert durch: <img src=/glsp/images/BMBF_Logo.svg alt="BMBF Logo"></p></div></div></div></div></div></section><footer class="overlay fragment container-fluid bg-secondary" id=copyright><div class=container><div class="row py-3"><div class=col-md><div class="row mx-0 my-2 justify-content-center text-center text-lg-none text-black-50"><div class="row mx-0 mr-lg-auto justify-content-center"><div class="col-auto px-1 copyright-legal">© Copyright 2024</div><div class="col-auto px-0 copyright-by">by Eclipse Foundation</div></div></div></div><div class=col-md><div class="row mx-0 my-2 justify-content-center"><ul class="nav ml-lg-auto"><li class=nav-item><a class="nav-link py-0" href=https://projects.eclipse.org/projects/ecd.glsp>About</a></li><li class=nav-item><a class="nav-link py-0" href=https://www.eclipse.org/legal/privacy.php>Privacy Policy</a></li><li class=nav-item><a class="nav-link py-0" href=https://www.eclipse.org/legal/termsofuse.php>Terms of Use</a></li><li class=nav-item><a class="nav-link py-0" href=https://www.eclipse.org/legal/copyright.php>Copyright</a></li><li class=nav-item><a class="nav-link py-0" href=https://www.eclipse.org/legal/>Legal</a></li></ul></div></div></div></div></footer><div id=react></div><script async defer src=/glsp/scripts/syna-main.min.065c23d84ca56793a8ee2be9d091a50028dc3505b5e4962af6444d641ed77ff5.js></script><script async defer src=/glsp/scripts/syna-search.min.be96fcdb5b1bfc9ff80f633ea20d203a74487d142ebbe9095a9478b2479d4203.js></script><script async defer src=/glsp/scripts/syna-hero.min.7a4976074a8237f50d10d072f03881a7647d8450fce46bfd838a35295cea599d.js></script><script async defer src=/glsp/scripts/syna-content.min.3f176160ef27cbeeb1c26d718677d4e66e40b70421d8745f6d667dcad23a6850.js></script></body></html>