123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356 |
- // CodeMirror, copyright (c) by Marijn Haverbeke and others
- // Distributed under an MIT license: http://codemirror.net/LICENSE
- (function(mod) {
- if (typeof exports == "object" && typeof module == "object") // CommonJS
- mod(require("../../lib/codemirror"), require("../htmlmixed/htmlmixed"),
- require("../../addon/mode/overlay"));
- else if (typeof define == "function" && define.amd) // AMD
- define(["../../lib/codemirror", "../htmlmixed/htmlmixed",
- "../../addon/mode/overlay"], mod);
- else // Plain browser env
- mod(CodeMirror);
- })(function(CodeMirror) {
- "use strict";
- CodeMirror.defineMode("django:inner", function() {
- var keywords = ["block", "endblock", "for", "endfor", "true", "false", "filter", "endfilter",
- "loop", "none", "self", "super", "if", "elif", "endif", "as", "else", "import",
- "with", "endwith", "without", "context", "ifequal", "endifequal", "ifnotequal",
- "endifnotequal", "extends", "include", "load", "comment", "endcomment",
- "empty", "url", "static", "trans", "blocktrans", "endblocktrans", "now",
- "regroup", "lorem", "ifchanged", "endifchanged", "firstof", "debug", "cycle",
- "csrf_token", "autoescape", "endautoescape", "spaceless", "endspaceless",
- "ssi", "templatetag", "verbatim", "endverbatim", "widthratio"],
- filters = ["add", "addslashes", "capfirst", "center", "cut", "date",
- "default", "default_if_none", "dictsort",
- "dictsortreversed", "divisibleby", "escape", "escapejs",
- "filesizeformat", "first", "floatformat", "force_escape",
- "get_digit", "iriencode", "join", "last", "length",
- "length_is", "linebreaks", "linebreaksbr", "linenumbers",
- "ljust", "lower", "make_list", "phone2numeric", "pluralize",
- "pprint", "random", "removetags", "rjust", "safe",
- "safeseq", "slice", "slugify", "stringformat", "striptags",
- "time", "timesince", "timeuntil", "title", "truncatechars",
- "truncatechars_html", "truncatewords", "truncatewords_html",
- "unordered_list", "upper", "urlencode", "urlize",
- "urlizetrunc", "wordcount", "wordwrap", "yesno"],
- operators = ["==", "!=", "<", ">", "<=", ">="],
- wordOperators = ["in", "not", "or", "and"];
- keywords = new RegExp("^\\b(" + keywords.join("|") + ")\\b");
- filters = new RegExp("^\\b(" + filters.join("|") + ")\\b");
- operators = new RegExp("^\\b(" + operators.join("|") + ")\\b");
- wordOperators = new RegExp("^\\b(" + wordOperators.join("|") + ")\\b");
- // We have to return "null" instead of null, in order to avoid string
- // styling as the default, when using Django templates inside HTML
- // element attributes
- function tokenBase (stream, state) {
- // Attempt to identify a variable, template or comment tag respectively
- if (stream.match("{{")) {
- state.tokenize = inVariable;
- return "tag";
- } else if (stream.match("{%")) {
- state.tokenize = inTag;
- return "tag";
- } else if (stream.match("{#")) {
- state.tokenize = inComment;
- return "comment";
- }
- // Ignore completely any stream series that do not match the
- // Django template opening tags.
- while (stream.next() != null && !stream.match(/\{[{%#]/, false)) {}
- return null;
- }
- // A string can be included in either single or double quotes (this is
- // the delimiter). Mark everything as a string until the start delimiter
- // occurs again.
- function inString (delimiter, previousTokenizer) {
- return function (stream, state) {
- if (!state.escapeNext && stream.eat(delimiter)) {
- state.tokenize = previousTokenizer;
- } else {
- if (state.escapeNext) {
- state.escapeNext = false;
- }
- var ch = stream.next();
- // Take into account the backslash for escaping characters, such as
- // the string delimiter.
- if (ch == "\\") {
- state.escapeNext = true;
- }
- }
- return "string";
- };
- }
- // Apply Django template variable syntax highlighting
- function inVariable (stream, state) {
- // Attempt to match a dot that precedes a property
- if (state.waitDot) {
- state.waitDot = false;
- if (stream.peek() != ".") {
- return "null";
- }
- // Dot followed by a non-word character should be considered an error.
- if (stream.match(/\.\W+/)) {
- return "error";
- } else if (stream.eat(".")) {
- state.waitProperty = true;
- return "null";
- } else {
- throw Error ("Unexpected error while waiting for property.");
- }
- }
- // Attempt to match a pipe that precedes a filter
- if (state.waitPipe) {
- state.waitPipe = false;
- if (stream.peek() != "|") {
- return "null";
- }
- // Pipe followed by a non-word character should be considered an error.
- if (stream.match(/\.\W+/)) {
- return "error";
- } else if (stream.eat("|")) {
- state.waitFilter = true;
- return "null";
- } else {
- throw Error ("Unexpected error while waiting for filter.");
- }
- }
- // Highlight properties
- if (state.waitProperty) {
- state.waitProperty = false;
- if (stream.match(/\b(\w+)\b/)) {
- state.waitDot = true; // A property can be followed by another property
- state.waitPipe = true; // A property can be followed by a filter
- return "property";
- }
- }
- // Highlight filters
- if (state.waitFilter) {
- state.waitFilter = false;
- if (stream.match(filters)) {
- return "variable-2";
- }
- }
- // Ignore all white spaces
- if (stream.eatSpace()) {
- state.waitProperty = false;
- return "null";
- }
- // Identify numbers
- if (stream.match(/\b\d+(\.\d+)?\b/)) {
- return "number";
- }
- // Identify strings
- if (stream.match("'")) {
- state.tokenize = inString("'", state.tokenize);
- return "string";
- } else if (stream.match('"')) {
- state.tokenize = inString('"', state.tokenize);
- return "string";
- }
- // Attempt to find the variable
- if (stream.match(/\b(\w+)\b/) && !state.foundVariable) {
- state.waitDot = true;
- state.waitPipe = true; // A property can be followed by a filter
- return "variable";
- }
- // If found closing tag reset
- if (stream.match("}}")) {
- state.waitProperty = null;
- state.waitFilter = null;
- state.waitDot = null;
- state.waitPipe = null;
- state.tokenize = tokenBase;
- return "tag";
- }
- // If nothing was found, advance to the next character
- stream.next();
- return "null";
- }
- function inTag (stream, state) {
- // Attempt to match a dot that precedes a property
- if (state.waitDot) {
- state.waitDot = false;
- if (stream.peek() != ".") {
- return "null";
- }
- // Dot followed by a non-word character should be considered an error.
- if (stream.match(/\.\W+/)) {
- return "error";
- } else if (stream.eat(".")) {
- state.waitProperty = true;
- return "null";
- } else {
- throw Error ("Unexpected error while waiting for property.");
- }
- }
- // Attempt to match a pipe that precedes a filter
- if (state.waitPipe) {
- state.waitPipe = false;
- if (stream.peek() != "|") {
- return "null";
- }
- // Pipe followed by a non-word character should be considered an error.
- if (stream.match(/\.\W+/)) {
- return "error";
- } else if (stream.eat("|")) {
- state.waitFilter = true;
- return "null";
- } else {
- throw Error ("Unexpected error while waiting for filter.");
- }
- }
- // Highlight properties
- if (state.waitProperty) {
- state.waitProperty = false;
- if (stream.match(/\b(\w+)\b/)) {
- state.waitDot = true; // A property can be followed by another property
- state.waitPipe = true; // A property can be followed by a filter
- return "property";
- }
- }
- // Highlight filters
- if (state.waitFilter) {
- state.waitFilter = false;
- if (stream.match(filters)) {
- return "variable-2";
- }
- }
- // Ignore all white spaces
- if (stream.eatSpace()) {
- state.waitProperty = false;
- return "null";
- }
- // Identify numbers
- if (stream.match(/\b\d+(\.\d+)?\b/)) {
- return "number";
- }
- // Identify strings
- if (stream.match("'")) {
- state.tokenize = inString("'", state.tokenize);
- return "string";
- } else if (stream.match('"')) {
- state.tokenize = inString('"', state.tokenize);
- return "string";
- }
- // Attempt to match an operator
- if (stream.match(operators)) {
- return "operator";
- }
- // Attempt to match a word operator
- if (stream.match(wordOperators)) {
- return "keyword";
- }
- // Attempt to match a keyword
- var keywordMatch = stream.match(keywords);
- if (keywordMatch) {
- if (keywordMatch[0] == "comment") {
- state.blockCommentTag = true;
- }
- return "keyword";
- }
- // Attempt to match a variable
- if (stream.match(/\b(\w+)\b/)) {
- state.waitDot = true;
- state.waitPipe = true; // A property can be followed by a filter
- return "variable";
- }
- // If found closing tag reset
- if (stream.match("%}")) {
- state.waitProperty = null;
- state.waitFilter = null;
- state.waitDot = null;
- state.waitPipe = null;
- // If the tag that closes is a block comment tag, we want to mark the
- // following code as comment, until the tag closes.
- if (state.blockCommentTag) {
- state.blockCommentTag = false; // Release the "lock"
- state.tokenize = inBlockComment;
- } else {
- state.tokenize = tokenBase;
- }
- return "tag";
- }
- // If nothing was found, advance to the next character
- stream.next();
- return "null";
- }
- // Mark everything as comment inside the tag and the tag itself.
- function inComment (stream, state) {
- if (stream.match(/^.*?#\}/)) state.tokenize = tokenBase
- else stream.skipToEnd()
- return "comment";
- }
- // Mark everything as a comment until the `blockcomment` tag closes.
- function inBlockComment (stream, state) {
- if (stream.match(/\{%\s*endcomment\s*%\}/, false)) {
- state.tokenize = inTag;
- stream.match("{%");
- return "tag";
- } else {
- stream.next();
- return "comment";
- }
- }
- return {
- startState: function () {
- return {tokenize: tokenBase};
- },
- token: function (stream, state) {
- return state.tokenize(stream, state);
- },
- blockCommentStart: "{% comment %}",
- blockCommentEnd: "{% endcomment %}"
- };
- });
- CodeMirror.defineMode("django", function(config) {
- var htmlBase = CodeMirror.getMode(config, "text/html");
- var djangoInner = CodeMirror.getMode(config, "django:inner");
- return CodeMirror.overlayMode(htmlBase, djangoInner);
- });
- CodeMirror.defineMIME("text/x-django", "django");
- });
|