Author: Luka Beria
Instructor: Peter Baumann
This project is intended as a Bachelor's Project/Thesis for Jacobs University Bremen.
In order to build or test the project your system needs to have a modern version of Java. (>= JRE 1.6)
In addition, this project was developed on a Linux (Ubuntu 20.04) machine and compatibility with a different OS is not guaranteed.
- clone this repository with
git clonein the terminal; - cd into the newly created
wcpsQueryEditordirectory; - run
npm ito install all the dependencies; - run
npm run parserto generate Typescript parser and lexer; - run
npm run buildto build the project ornpm run startto start a dev server; - copy
src/main/html/index.htmltodist/if you want to view an example html page with a working editor;
To integrate the editor import the built dist/main.js script by adding an HTML tag <script src="dist/main.js"></script> inside the <head> element.
To use it in any html page either:
- just create a
<div class="wcps-editor"></div>and it will be auto-populated with an editor. - or call
WCPSEditor.create(container: HTMLDivElement, initialText?: string, url?: string) => IStandaloneCodeEditorand the element provided as the container will be populated with an editor. the returnedmonaco.editor.IStandaloneCodeEditorobject can be used to modify the editor instance as needed.