language-diagrams

Repository of Visual Studio Code extension for graphical editor with textual features.

Part of Thesis: "Editable Diagrams with Embedded Textual Notation for Domain Specific Languages".

Prerequisites

• Yarn
• NVM

After cloning the repository run:

nvm use
yarn install

To build the packages, run:

npx gulp build

Running

To run the extension, select "Launch Diagram Client & Server" in the "Run and Debug" menu.

Contents

Documentation

To access the modeling files, you need PlantUML extension and Graphviz. The models are used as a development aid.

Open the model view with (Alt + D).

VSCode Configuration

Holds run & debug configuration for VSCode.

GLSP Server

Back-end which reads and writes from/to source files.

GLSP Extension

VS Code extension responsible for starting the glsp-server and registering the webview as a custom editor.

GLSP Webview

Integration of the diagram as webview.

Langium

Langium server, which enables Monaco editor to use LSP features.

Workspace

The source files.

Testing

Each package can be tested individually with running:

yarn test

in the package root.

Alternatively, to test all of the packages at once run:

npx gulp test

Architecture