Development

📖 Table of Contents

1. Build
2. Setup
3. Further Reading

Build

Clone the bigER repository and open the root folder in VS Code. Within VS Code, open the terminal and execute the following commands:

language-server/gradlew -p language-server/ build 
yarn --cwd webview
yarn --cwd extension

The first command builds the Xtext-based language server and copies the resulting start scripts and JAR files to the extension/server folder, so the extension can access it. The next command builds and bundles the webview with the client-side diagram components into the extension/pack folder. At last, the extension is build with a resulting main.js file.

After the build, the extension folder should have the files as shown in the screenshot:

Setup

• Client-side: VS Code
• Server-side: Eclipse

Further Reading

Theses:

• Developing Sprotty-based Modeling Tools for VS Code
• Multi-Notation Support for a Hybrid VS Code Modeling Tool

Documentation:

• VS Code Extension API
• Xtext Documentation
• Xtend Documentation
• LSP Specification
• Sprotty Wiki