[jinja2 mode] Support line statements

Author: vled12

mode/jinja2/index.html

@@ -45,6 +45,16 @@ <h2>Jinja2 mode</h2>
   })
 }}
 {% include (&#39;test.incl.html.twig&#39;) %}
+
+# for item in seq:
+    &lt;li&gt;{{ item }} &lt;/li&gt;    ## this comment is ignored
+# endfor
+# set text = "Multiline
+	text"
+# for href, caption in [('index.html', 'Index'),
+                        ('about.html', 'About')]:
+    &lt;li&gt;&lt;a href="{{ href }}"&gt;{{ caption }}&lt;/a&gt;&lt;/li&gt;
+# endfor
 </textarea></form>
     <script>
       var editor =

mode/jinja2/jinja2.js

@@ -13,18 +13,18 @@
 
   CodeMirror.defineMode("jinja2", function() {
     var keywords = ["and", "as", "block", "endblock", "by", "cycle", "debug", "else", "elif",
-      "extends", "filter", "endfilter", "firstof", "for",
+      "extends", "filter", "endfilter", "firstof", "do", "for",
       "endfor", "if", "endif", "ifchanged", "endifchanged",
-      "ifequal", "endifequal", "ifnotequal",
+      "ifequal", "endifequal", "ifnotequal", "set", "raw", "endraw",
       "endifnotequal", "in", "include", "load", "not", "now", "or",
-      "parsed", "regroup", "reversed", "spaceless",
-      "endspaceless", "ssi", "templatetag", "openblock",
-      "closeblock", "openvariable", "closevariable",
+      "parsed", "regroup", "reversed", "spaceless", "call", "endcall", "macro",
+      "endmacro", "endspaceless", "ssi", "templatetag", "openblock",
+      "closeblock", "openvariable", "closevariable", "without", "context",
       "openbrace", "closebrace", "opencomment",
       "closecomment", "widthratio", "url", "with", "endwith",
       "get_current_language", "trans", "endtrans", "noop", "blocktrans",
       "endblocktrans", "get_available_languages",
-      "get_current_language_bidi", "plural"],
+      "get_current_language_bidi", "pluralize", "autoescape", "endautoescape"],
     operator = /^[+\-*&%=<>!?|~^]/,
     sign = /^[:\[\(\{]/,
     atom = ["true", "false"],
@@ -78,7 +78,24 @@
           state.instring = ch;
           stream.next();
           return "string";
-        } else if(stream.match(state.intag + "}") || stream.eat("-") && stream.match(state.intag + "}")) {
+        }
+        else if (state.inbraces > 0 && ch ==")") {
+          stream.next()
+          state.inbraces--;
+        }
+        else if (ch == "(") {
+          stream.next()
+          state.inbraces++;
+        }
+        else if (state.inbrackets > 0 && ch =="]") {
+          stream.next()
+          state.inbrackets--;
+        }
+        else if (ch == "[") {
+          stream.next()
+          state.inbrackets++;
+        }
+        else if (!state.lineTag && (stream.match(state.intag + "}") || stream.eat("-") && stream.match(state.intag + "}"))) {        
           state.intag = false;
           return "tag";
         } else if(stream.match(operator)) {
@@ -87,6 +104,10 @@
         } else if(stream.match(sign)) {
           state.sign = true;
         } else {
+          if (stream.column() == 1 && state.lineTag && stream.match(keywords)) {
+            //allow nospace after tag before the keyword
+            return "keyword";
+          }
           if(stream.eat(" ") || stream.sol()) {
             if(stream.match(keywords)) {
               return "keyword";
@@ -120,25 +141,51 @@
         } else if (ch = stream.eat(/\{|%/)) {
           //Cache close tag
           state.intag = ch;
+          state.inbraces = 0;
+          state.inbrackets = 0;
           if(ch == "{") {
             state.intag = "}";
           }
           stream.eat("-");
           return "tag";
         }
+      //Line statements
+      } else if (stream.eat('#')) {
+        if (stream.peek() == '#') {
+          stream.skipToEnd();
+          return "comment"
+        }
+        else if (!stream.eol()) {
+          state.intag = true;
+          state.lineTag = true;
+          state.inbraces = 0;
+          state.inbrackets = 0;
+          return "tag";
+        }
       }
       stream.next();
     };
 
     return {
       startState: function () {
-        return {tokenize: tokenBase};
+        return {
+          tokenize: tokenBase,
+          inbrackets:0,
+          inbraces:0
+        };
       },
-      token: function (stream, state) {
-        return state.tokenize(stream, state);
+      token: function(stream, state) {
+        var style = state.tokenize(stream, state);
+        if (stream.eol() && state.lineTag && !state.instring && state.inbraces == 0 && state.inbrackets == 0) {
+          //Close line statement at the EOL
+          state.intag = false
+          state.lineTag = false
+        }
+	return style;
       },
       blockCommentStart: "{#",
-      blockCommentEnd: "#}"
+      blockCommentEnd: "#}",
+      lineComment: "##",
     };
   });