mode-jade.js

define('ace/mode/jade', function(require, exports, module) {

var oop = require("pilot/oop");
var TextMode = require("ace/mode/text").Mode;
var Tokenizer = require("ace/tokenizer").Tokenizer;
var JadeHighlightRules = require("ace/mode/jade_highlight_rules").JadeHighlightRules;
// var JavascriptMode = require("ace/mode/javascript").Mode;
// var CssMode = require("ace/mode/css").Mode;

var Mode = function() {
    var highlighter = new JadeHighlightRules();
    
    this.$tokenizer = new Tokenizer(highlighter.getRules());
    // this.$embeds = highlighter.getEmbeds();
    // this.createModeDelegates({
    //   "js-": JavascriptMode
    //   "css-": CssMode
    // });
};
oop.inherits(Mode, TextMode);

(function() {
    // Extra logic goes here. (see below)
}).call(Mode.prototype);

exports.Mode = Mode;
});

define('ace/mode/jade_highlight_rules', function(require, exports, module) {

var oop = require("pilot/oop");
var TextHighlightRules = require("ace/mode/text_highlight_rules").TextHighlightRules;
// var JavaScriptHighlightRules = require("ace/mode/javascript_highlight_rules").JavaScriptHighlightRules;
// var CssHighlightRules = require("ace/mode/css_highlight_rules").CssHighlightRules;

var JadeHighlightRules = function() {

    // TODO: 
    // - String interpolation (ie. #{})
    // - Indentation in the Mode
    // - Javascript and CSS delegates (after script and style tags). -= also for JS.
    this.$rules = {
      start: [
        {
          token : "comment",
          regex : "\\/\\/.*$"
        },
        // {
        //   // todo:
        //   token : "text",
        //   regex : "-.*$"
        // },
        // Jade's iteration: 'each foo in foos'
        {
          token : ["keyword", "text", "variable", "text", "keyword", "text", "variable"],
          regex : "(each)(\\s+)([\\w-]+)(\\s+)(in)(\\s+)([\\w-]+)"
        }, 
        // Jade's iteration: 'each foo, bar in foos'
        {
          token : ["keyword", "text", "variable", "text", "variable", "text", "keyword", "text", "variable"],
          regex : "(each)(\\s+)([\\w-]+)(\\s*,\\s*)([\\w-]+)(\\s+)(in)(\\s+)([\\w-]+)"
        }, {
          token : "text",
          regex : "\\|.*$"
        }, {
          token : "keyword",
          regex : "(?:\\.|#)?[\\w-]+\\s*$"
          // regex : "((?:\\.|#)?[\\w-]+)(.*)$"
        }, {
          token : "keyword",
          regex : "(?:\\.|#)?[\\w-]+",
          next  : "parentheses"
          // regex : "((?:\\.|#)?[\\w-]+)(.*)$"
        }, {
          token : "keyword",
          regex : "(?:!!!|doctype)\\s+\\w*\\s*$"
        }
      ],
      parentheses: [
        {
          token : "lparent",
          regex : "[(]"
        },
        {
          token : "rparent",
          regex : "[)]",
          next: "start"
        },
        {
          token : "text",
          regex : "\\s*,\\s*"
        },
        {
          token : ["variable", "keyword.operator"],
          regex : "([\\w-]+)(\\s*=)"
        },
        {
          token : "string", // single line
          regex : '["](?:(?:\\\\.)|(?:[^"\\\\]))*?["]'
        }, 
        {
          token : "string", // single line
          regex : "['](?:(?:\\\\.)|(?:[^'\\\\]))*?[']"
        }, 
        {
          token : "text",
          regex : "\\s*$",
          next : "start"
        }
      ]
    }

    // this.embedRules(JavaScriptHighlightRules, "js-", {
    //   start: [{
    //     token: "string",
    //     regex: "^$"
    //   }]
    // });
    
    // this.embedRules(CssHighlightRules, "css-", [{
    //   token: "keyword",
    //   regex: "style",
    //   next: "start"
    // }]);
}

oop.inherits(JadeHighlightRules, TextHighlightRules);

exports.JadeHighlightRules = JadeHighlightRules;
});