A basic example project for connecting the Monaco Editor with an own Xtext language server. Note that this project is definitly not production ready and is based on the implementation of the following other projects:
- Clone project
- Import as Gradle project into Eclipse
- Open command line in project folder and run following commands:
# Windows
.\gradlew.bat clean build
# Linux or Mac
./gradlew clean build
cd monaco-editor-lsp-example
npm install
- Run the
main
-method in the classRunWebSocketServer3.xtend
in the subproject in Eclipse. Note that you should use the Eclipse IDE for Java and DSL Developers. Alternatively you can run the language server directly in the project folder with.\gradlew.bat run
on Windows or./gradlew run
on Linux or Mac. - On the command line start the frontend with the Monaco Editor:
cd monaco-editor-lsp-example
npm run serv
After that your browser will open up localhost:8080
with a running Monaco Editor which is connected with the port 4389. See the network tab in the Chrome developer tools for more information regarding the messages which are sent between the client and the server.