Add syntax highlighting to Mumuki editor for wollok

[javierfernandes]

On Wollok side I will create a small generic app that will generate what mumuki needs based on the xtext grammar, so that we don't need to manually maintain another file and apply changes every time we update the wollok grammar. I already know how to generate a list of wollok keywords dynamically.

I might also publish this as a separated tool for any xtext language, to contribute to xtext community, if the output is generic enough.

[javierfernandes]

@flbulgarelli @faloi what do you need for this ?

Where can I take a look for other examples of syntax highlight for other languages ?

[flbulgarelli]

Hi! We need support for Ace editor format, and Github Flavoured markdown format

[javierfernandes]

I guess that one needs to create a new Ace editor mode

https://github.com/ajaxorg/ace/wiki/Creating-or-Extending-an-Edit-Mode

Although Ace page says Sublime hightlight can be imported into Ace. We already have one of that

[javierfernandes]

Example custom ace mode for bash

https://github.com/flexiant/ace-mode-bash

[faloi]

Although Ace page says Sublime hightlight can be imported into Ace. We already have one of that

Here is the HOW-TO, updated on September 2012 :worried:. Can you give it a try?

[javierfernandes]

I created a new one based on Java's mode in Ace

It still requires manual work to maintain. And I had to copy paste java mode code which has a lot of code that I don't fully understand, but it works relatively well.

I need to:

• Fix the small tool that I created in Wollok that generates a json with the grammar keywords and operatores. The regexp that it generates is not escaping all values.
• add that to git
• Create a new repo for the "wollok-ace-mode"
• See how Mumuki can use this mode (maybe I can create a PR for ace repo so that they can include wollok mode by default ?)

[faloi]

See how Mumuki can use this mode (maybe I can create a PR for ace repo so that they can include wollok mode by default ?)

Yes, let's try that first. Modes are not pluggable, so to include it we have to fork many repositories (Ace, the gem that provides Ace on Rails, etc).

[javierfernandes]

rails :S

[javierfernandes]

Here is an example PR for drools

https://github.com/ajaxorg/ace/pull/2672

[javierfernandes]

Ok. I think that I already have it ready for creating a PR to ace. I was able to create a test and run it successfully.

I have also contributed with code snippets which allows to have a basic autocomplete !! Look !

@npasserini @faloi @flbulgarelli

To enabled this you should include this in mumuki html

<script src="/Users/jfernandes/dev/data/repo/wollok/ace-editor/wollok-ace/build/src/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="/Users/jfernandes/dev/data/repo/wollok/ace-editor/wollok-ace/build/src/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>

<script>
    var editor = ace.edit("editor");
    //editor.setTheme("ace/theme/monokai");
    editor.getSession().setMode("ace/mode/wollok");
    editor.setOptions({
        enableBasicAutocompletion: true
    });
</script>

(disregard my local path, the second js

[javierfernandes]

PR created https://github.com/ajaxorg/ace/pull/2776

[flbulgarelli]

Awesome

[javierfernandes]

PR closed !

https://github.com/ajaxorg/ace/pull/2776

[flbulgarelli]

Awesome!