458 lines
20 KiB
JavaScript
458 lines
20 KiB
JavaScript
/* ***** BEGIN LICENSE BLOCK *****
|
|
* Distributed under the BSD license:
|
|
*
|
|
* Copyright (c) 2010, Ajax.org B.V.
|
|
* All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions are met:
|
|
* * Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* * Redistributions in binary form must reproduce the above copyright
|
|
* notice, this list of conditions and the following disclaimer in the
|
|
* documentation and/or other materials provided with the distribution.
|
|
* * Neither the name of Ajax.org B.V. nor the
|
|
* names of its contributors may be used to endorse or promote products
|
|
* derived from this software without specific prior written permission.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
|
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
|
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
|
* DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
|
|
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
|
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
|
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
|
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
|
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
|
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
|
*
|
|
* ***** END LICENSE BLOCK ***** */
|
|
|
|
ace.define('ace/mode/css', ['require', 'exports', 'module' , 'ace/lib/oop', 'ace/mode/text', 'ace/tokenizer', 'ace/mode/css_highlight_rules', 'ace/mode/matching_brace_outdent', 'ace/worker/worker_client', 'ace/mode/folding/cstyle'], function(require, exports, module) {
|
|
|
|
|
|
var oop = require("../lib/oop");
|
|
var TextMode = require("./text").Mode;
|
|
var Tokenizer = require("../tokenizer").Tokenizer;
|
|
var CssHighlightRules = require("./css_highlight_rules").CssHighlightRules;
|
|
var MatchingBraceOutdent = require("./matching_brace_outdent").MatchingBraceOutdent;
|
|
var WorkerClient = require("../worker/worker_client").WorkerClient;
|
|
var CStyleFoldMode = require("./folding/cstyle").FoldMode;
|
|
|
|
var Mode = function() {
|
|
this.$tokenizer = new Tokenizer(new CssHighlightRules().getRules(), "i");
|
|
this.$outdent = new MatchingBraceOutdent();
|
|
this.foldingRules = new CStyleFoldMode();
|
|
};
|
|
oop.inherits(Mode, TextMode);
|
|
|
|
(function() {
|
|
|
|
this.foldingRules = "cStyle";
|
|
|
|
this.getNextLineIndent = function(state, line, tab) {
|
|
var indent = this.$getIndent(line);
|
|
|
|
// ignore braces in comments
|
|
var tokens = this.$tokenizer.getLineTokens(line, state).tokens;
|
|
if (tokens.length && tokens[tokens.length-1].type == "comment") {
|
|
return indent;
|
|
}
|
|
|
|
var match = line.match(/^.*\{\s*$/);
|
|
if (match) {
|
|
indent += tab;
|
|
}
|
|
|
|
return indent;
|
|
};
|
|
|
|
this.checkOutdent = function(state, line, input) {
|
|
return this.$outdent.checkOutdent(line, input);
|
|
};
|
|
|
|
this.autoOutdent = function(state, doc, row) {
|
|
this.$outdent.autoOutdent(doc, row);
|
|
};
|
|
|
|
this.createWorker = function(session) {
|
|
var worker = new WorkerClient(["ace"], "ace/mode/css_worker", "Worker");
|
|
worker.attachToDocument(session.getDocument());
|
|
|
|
worker.on("csslint", function(e) {
|
|
var errors = [];
|
|
e.data.forEach(function(message) {
|
|
errors.push({
|
|
row: message.line - 1,
|
|
column: message.col - 1,
|
|
text: message.message,
|
|
type: message.type,
|
|
lint: message
|
|
});
|
|
});
|
|
|
|
session.setAnnotations(errors);
|
|
});
|
|
return worker;
|
|
};
|
|
|
|
}).call(Mode.prototype);
|
|
|
|
exports.Mode = Mode;
|
|
|
|
});
|
|
|
|
ace.define('ace/mode/css_highlight_rules', ['require', 'exports', 'module' , 'ace/lib/oop', 'ace/lib/lang', 'ace/mode/text_highlight_rules'], function(require, exports, module) {
|
|
|
|
|
|
var oop = require("../lib/oop");
|
|
var lang = require("../lib/lang");
|
|
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;
|
|
|
|
var CssHighlightRules = function() {
|
|
var keywordMapper = this.createKeywordMapper({
|
|
"support.type": "animation-fill-mode|alignment-adjust|alignment-baseline|animation-delay|animation-direction|animation-duration|animation-iteration-count|animation-name|animation-play-state|animation-timing-function|animation|appearance|azimuth|backface-visibility|background-attachment|background-break|background-clip|background-color|background-image|background-origin|background-position|background-repeat|background-size|background|baseline-shift|binding|bleed|bookmark-label|bookmark-level|bookmark-state|bookmark-target|border-bottom|border-bottom-color|border-bottom-left-radius|border-bottom-right-radius|border-bottom-style|border-bottom-width|border-collapse|border-color|border-image|border-image-outset|border-image-repeat|border-image-slice|border-image-source|border-image-width|border-left|border-left-color|border-left-style|border-left-width|border-radius|border-right|border-right-color|border-right-style|border-right-width|border-spacing|border-style|border-top|border-top-color|border-top-left-radius|border-top-right-radius|border-top-style|border-top-width|border-width|border|bottom|box-align|box-decoration-break|box-direction|box-flex-group|box-flex|box-lines|box-ordinal-group|box-orient|box-pack|box-shadow|box-sizing|break-after|break-before|break-inside|caption-side|clear|clip|color-profile|color|column-count|column-fill|column-gap|column-rule|column-rule-color|column-rule-style|column-rule-width|column-span|column-width|columns|content|counter-increment|counter-reset|crop|cue-after|cue-before|cue|cursor|direction|display|dominant-baseline|drop-initial-after-adjust|drop-initial-after-align|drop-initial-before-adjust|drop-initial-before-align|drop-initial-size|drop-initial-value|elevation|empty-cells|fit|fit-position|float-offset|float|font-family|font-size|font-size-adjust|font-stretch|font-style|font-variant|font-weight|font|grid-columns|grid-rows|hanging-punctuation|height|hyphenate-after|hyphenate-before|hyphenate-character|hyphenate-lines|hyphenate-resource|hyphens|icon|image-orientation|image-rendering|image-resolution|inline-box-align|left|letter-spacing|line-height|line-stacking-ruby|line-stacking-shift|line-stacking-strategy|line-stacking|list-style-image|list-style-position|list-style-type|list-style|margin-bottom|margin-left|margin-right|margin-top|margin|mark-after|mark-before|mark|marks|marquee-direction|marquee-play-count|marquee-speed|marquee-style|max-height|max-width|min-height|min-width|move-to|nav-down|nav-index|nav-left|nav-right|nav-up|opacity|orphans|outline-color|outline-offset|outline-style|outline-width|outline|overflow-style|overflow-x|overflow-y|overflow|padding-bottom|padding-left|padding-right|padding-top|padding|page-break-after|page-break-before|page-break-inside|page-policy|page|pause-after|pause-before|pause|perspective-origin|perspective|phonemes|pitch-range|pitch|play-during|position|presentation-level|punctuation-trim|quotes|rendering-intent|resize|rest-after|rest-before|rest|richness|right|rotation-point|rotation|ruby-align|ruby-overhang|ruby-position|ruby-span|size|speak-header|speak-numeral|speak-punctuation|speak|speech-rate|stress|string-set|table-layout|target-name|target-new|target-position|target|text-align-last|text-align|text-decoration|text-emphasis|text-height|text-indent|text-justify|text-outline|text-shadow|text-transform|text-wrap|top|transform-origin|transform-style|transform|transition-delay|transition-duration|transition-property|transition-timing-function|transition|unicode-bidi|vertical-align|visibility|voice-balance|voice-duration|voice-family|voice-pitch-range|voice-pitch|voice-rate|voice-stress|voice-volume|volume|white-space-collapse|white-space|widows|width|word-break|word-spacing|word-wrap|z-index",
|
|
"support.function": "rgb|rgba|url|attr|counter|counters",
|
|
"support.constant": "absolute|after-edge|after|all-scroll|all|alphabetic|always|antialiased|armenian|auto|avoid-column|avoid-page|avoid|balance|baseline|before-edge|before|below|bidi-override|block-line-height|block|bold|bolder|border-box|both|bottom|box|break-all|break-word|capitalize|caps-height|caption|center|central|char|circle|cjk-ideographic|clone|close-quote|col-resize|collapse|column|consider-shifts|contain|content-box|cover|crosshair|cubic-bezier|dashed|decimal-leading-zero|decimal|default|disabled|disc|disregard-shifts|distribute-all-lines|distribute-letter|distribute-space|distribute|dotted|double|e-resize|ease-in|ease-in-out|ease-out|ease|ellipsis|end|exclude-ruby|fill|fixed|georgian|glyphs|grid-height|groove|hand|hanging|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|icon|ideograph-alpha|ideograph-numeric|ideograph-parenthesis|ideograph-space|ideographic|inactive|include-ruby|inherit|initial|inline-block|inline-box|inline-line-height|inline-table|inline|inset|inside|inter-ideograph|inter-word|invert|italic|justify|katakana-iroha|katakana|keep-all|last|left|lighter|line-edge|line-through|line|linear|list-item|local|loose|lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|mathematical|max-height|max-size|medium|menu|message-box|middle|move|n-resize|ne-resize|newspaper|no-change|no-close-quote|no-drop|no-open-quote|no-repeat|none|normal|not-allowed|nowrap|nw-resize|oblique|open-quote|outset|outside|overline|padding-box|page|pointer|pre-line|pre-wrap|pre|preserve-3d|progress|relative|repeat-x|repeat-y|repeat|replaced|reset-size|ridge|right|round|row-resize|rtl|s-resize|scroll|se-resize|separate|slice|small-caps|small-caption|solid|space|square|start|static|status-bar|step-end|step-start|steps|stretch|strict|sub|super|sw-resize|table-caption|table-cell|table-column-group|table-column|table-footer-group|table-header-group|table-row-group|table-row|table|tb-rl|text-after-edge|text-before-edge|text-bottom|text-size|text-top|text|thick|thin|transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|use-script|vertical-ideographic|vertical-text|visible|w-resize|wait|whitespace|z-index|zero",
|
|
"support.constant.color": "aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|purple|red|silver|teal|white|yellow",
|
|
"support.constant.fonts": "arial|century|comic|courier|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace"
|
|
}, "text", true);
|
|
|
|
// regexp must not have capturing parentheses. Use (?:) instead.
|
|
// regexps are ordered -> the first match is used
|
|
|
|
var numRe = "\\-?(?:(?:[0-9]+)|(?:[0-9]*\\.[0-9]+))";
|
|
var pseudoElements = "(\\:+)\\b(after|before|first-letter|first-line|moz-selection|selection)\\b";
|
|
var pseudoClasses = "(:)\\b(active|checked|disabled|empty|enabled|first-child|first-of-type|focus|hover|indeterminate|invalid|last-child|last-of-type|link|not|nth-child|nth-last-child|nth-last-of-type|nth-of-type|only-child|only-of-type|required|root|target|valid|visited)\\b";
|
|
|
|
var base_ruleset = [
|
|
{
|
|
token : "comment", // multi line comment
|
|
merge : true,
|
|
regex : "\\/\\*",
|
|
next : "ruleset_comment"
|
|
}, {
|
|
token : "string", // single line
|
|
regex : '["](?:(?:\\\\.)|(?:[^"\\\\]))*?["]'
|
|
}, {
|
|
token : "string", // single line
|
|
regex : "['](?:(?:\\\\.)|(?:[^'\\\\]))*?[']"
|
|
}, {
|
|
token : ["constant.numeric", "keyword"],
|
|
regex : "(" + numRe + ")(ch|cm|deg|em|ex|fr|gd|grad|Hz|in|kHz|mm|ms|pc|pt|px|rad|rem|s|turn|vh|vm|vw|%)"
|
|
}, {
|
|
token : ["constant.numeric"],
|
|
regex : "([0-9]+)"
|
|
}, {
|
|
token : "constant.numeric", // hex6 color
|
|
regex : "#[a-f0-9]{6}"
|
|
}, {
|
|
token : "constant.numeric", // hex3 color
|
|
regex : "#[a-f0-9]{3}"
|
|
}, {
|
|
token : ["punctuation", "entity.other.attribute-name.pseudo-element.css"],
|
|
regex : pseudoElements
|
|
}, {
|
|
token : ["punctuation", "entity.other.attribute-name.pseudo-class.css"],
|
|
regex : pseudoClasses
|
|
}, {
|
|
token : keywordMapper,
|
|
regex : "\\-?[a-zA-Z_][a-zA-Z0-9_\\-]*"
|
|
}
|
|
];
|
|
|
|
var ruleset = lang.copyArray(base_ruleset);
|
|
ruleset.unshift({
|
|
token : "paren.rparen",
|
|
regex : "\\}",
|
|
next: "start"
|
|
});
|
|
|
|
var media_ruleset = lang.copyArray( base_ruleset );
|
|
media_ruleset.unshift({
|
|
token : "paren.rparen",
|
|
regex : "\\}",
|
|
next: "media"
|
|
});
|
|
|
|
var base_comment = [{
|
|
token : "comment", // comment spanning whole line
|
|
merge : true,
|
|
regex : ".+"
|
|
}];
|
|
|
|
var comment = lang.copyArray(base_comment);
|
|
comment.unshift({
|
|
token : "comment", // closing comment
|
|
regex : ".*?\\*\\/",
|
|
next : "start"
|
|
});
|
|
|
|
var media_comment = lang.copyArray(base_comment);
|
|
media_comment.unshift({
|
|
token : "comment", // closing comment
|
|
regex : ".*?\\*\\/",
|
|
next : "media"
|
|
});
|
|
|
|
var ruleset_comment = lang.copyArray(base_comment);
|
|
ruleset_comment.unshift({
|
|
token : "comment", // closing comment
|
|
regex : ".*?\\*\\/",
|
|
next : "ruleset"
|
|
});
|
|
|
|
this.$rules = {
|
|
"start" : [{
|
|
token : "comment", // multi line comment
|
|
merge : true,
|
|
regex : "\\/\\*",
|
|
next : "comment"
|
|
}, {
|
|
token: "paren.lparen",
|
|
regex: "\\{",
|
|
next: "ruleset"
|
|
}, {
|
|
token: "string",
|
|
regex: "@.*?{",
|
|
next: "media"
|
|
},{
|
|
token: "keyword",
|
|
regex: "#[a-z0-9-_]+"
|
|
},{
|
|
token: "variable",
|
|
regex: "\\.[a-z0-9-_]+"
|
|
},{
|
|
token: "string",
|
|
regex: ":[a-z0-9-_]+"
|
|
},{
|
|
token: "constant",
|
|
regex: "[a-z0-9-_]+"
|
|
}],
|
|
|
|
"media" : [ {
|
|
token : "comment", // multi line comment
|
|
merge : true,
|
|
regex : "\\/\\*",
|
|
next : "media_comment"
|
|
}, {
|
|
token: "paren.lparen",
|
|
regex: "\\{",
|
|
next: "media_ruleset"
|
|
},{
|
|
token: "string",
|
|
regex: "\\}",
|
|
next: "start"
|
|
},{
|
|
token: "keyword",
|
|
regex: "#[a-z0-9-_]+"
|
|
},{
|
|
token: "variable",
|
|
regex: "\\.[a-z0-9-_]+"
|
|
},{
|
|
token: "string",
|
|
regex: ":[a-z0-9-_]+"
|
|
},{
|
|
token: "constant",
|
|
regex: "[a-z0-9-_]+"
|
|
}],
|
|
|
|
"comment" : comment,
|
|
|
|
"ruleset" : ruleset,
|
|
"ruleset_comment" : ruleset_comment,
|
|
|
|
"media_ruleset" : media_ruleset,
|
|
"media_comment" : media_comment
|
|
};
|
|
};
|
|
|
|
oop.inherits(CssHighlightRules, TextHighlightRules);
|
|
|
|
exports.CssHighlightRules = CssHighlightRules;
|
|
|
|
});
|
|
|
|
ace.define('ace/mode/matching_brace_outdent', ['require', 'exports', 'module' , 'ace/range'], function(require, exports, module) {
|
|
|
|
|
|
var Range = require("../range").Range;
|
|
|
|
var MatchingBraceOutdent = function() {};
|
|
|
|
(function() {
|
|
|
|
this.checkOutdent = function(line, input) {
|
|
if (! /^\s+$/.test(line))
|
|
return false;
|
|
|
|
return /^\s*\}/.test(input);
|
|
};
|
|
|
|
this.autoOutdent = function(doc, row) {
|
|
var line = doc.getLine(row);
|
|
var match = line.match(/^(\s*\})/);
|
|
|
|
if (!match) return 0;
|
|
|
|
var column = match[1].length;
|
|
var openBracePos = doc.findMatchingBracket({row: row, column: column});
|
|
|
|
if (!openBracePos || openBracePos.row == row) return 0;
|
|
|
|
var indent = this.$getIndent(doc.getLine(openBracePos.row));
|
|
doc.replace(new Range(row, 0, row, column-1), indent);
|
|
};
|
|
|
|
this.$getIndent = function(line) {
|
|
var match = line.match(/^(\s+)/);
|
|
if (match) {
|
|
return match[1];
|
|
}
|
|
|
|
return "";
|
|
};
|
|
|
|
}).call(MatchingBraceOutdent.prototype);
|
|
|
|
exports.MatchingBraceOutdent = MatchingBraceOutdent;
|
|
});
|
|
|
|
ace.define('ace/mode/folding/cstyle', ['require', 'exports', 'module' , 'ace/lib/oop', 'ace/range', 'ace/mode/folding/fold_mode'], function(require, exports, module) {
|
|
|
|
|
|
var oop = require("../../lib/oop");
|
|
var Range = require("../../range").Range;
|
|
var BaseFoldMode = require("./fold_mode").FoldMode;
|
|
|
|
var FoldMode = exports.FoldMode = function() {};
|
|
oop.inherits(FoldMode, BaseFoldMode);
|
|
|
|
(function() {
|
|
|
|
this.foldingStartMarker = /(\{|\[)[^\}\]]*$|^\s*(\/\*)/;
|
|
this.foldingStopMarker = /^[^\[\{]*(\}|\])|^[\s\*]*(\*\/)/;
|
|
|
|
this.getFoldWidgetRange = function(session, foldStyle, row) {
|
|
var line = session.getLine(row);
|
|
var match = line.match(this.foldingStartMarker);
|
|
if (match) {
|
|
var i = match.index;
|
|
|
|
if (match[1])
|
|
return this.openingBracketBlock(session, match[1], row, i);
|
|
|
|
var range = session.getCommentFoldRange(row, i + match[0].length);
|
|
range.end.column -= 2;
|
|
return range;
|
|
}
|
|
|
|
if (foldStyle !== "markbeginend")
|
|
return;
|
|
|
|
var match = line.match(this.foldingStopMarker);
|
|
if (match) {
|
|
var i = match.index + match[0].length;
|
|
|
|
if (match[2]) {
|
|
var range = session.getCommentFoldRange(row, i);
|
|
range.end.column -= 2;
|
|
return range;
|
|
}
|
|
|
|
var end = {row: row, column: i};
|
|
var start = session.$findOpeningBracket(match[1], end);
|
|
|
|
if (!start)
|
|
return;
|
|
|
|
start.column++;
|
|
end.column--;
|
|
|
|
return Range.fromPoints(start, end);
|
|
}
|
|
};
|
|
|
|
}).call(FoldMode.prototype);
|
|
|
|
});
|
|
|
|
ace.define('ace/mode/folding/fold_mode', ['require', 'exports', 'module' , 'ace/range'], function(require, exports, module) {
|
|
|
|
|
|
var Range = require("../../range").Range;
|
|
|
|
var FoldMode = exports.FoldMode = function() {};
|
|
|
|
(function() {
|
|
|
|
this.foldingStartMarker = null;
|
|
this.foldingStopMarker = null;
|
|
|
|
// must return "" if there's no fold, to enable caching
|
|
this.getFoldWidget = function(session, foldStyle, row) {
|
|
var line = session.getLine(row);
|
|
if (this.foldingStartMarker.test(line))
|
|
return "start";
|
|
if (foldStyle == "markbeginend"
|
|
&& this.foldingStopMarker
|
|
&& this.foldingStopMarker.test(line))
|
|
return "end";
|
|
return "";
|
|
};
|
|
|
|
this.getFoldWidgetRange = function(session, foldStyle, row) {
|
|
return null;
|
|
};
|
|
|
|
this.indentationBlock = function(session, row, column) {
|
|
var re = /\S/;
|
|
var line = session.getLine(row);
|
|
var startLevel = line.search(re);
|
|
if (startLevel == -1)
|
|
return;
|
|
|
|
var startColumn = column || line.length;
|
|
var maxRow = session.getLength();
|
|
var startRow = row;
|
|
var endRow = row;
|
|
|
|
while (++row < maxRow) {
|
|
var level = session.getLine(row).search(re);
|
|
|
|
if (level == -1)
|
|
continue;
|
|
|
|
if (level <= startLevel)
|
|
break;
|
|
|
|
endRow = row;
|
|
}
|
|
|
|
if (endRow > startRow) {
|
|
var endColumn = session.getLine(endRow).length;
|
|
return new Range(startRow, startColumn, endRow, endColumn);
|
|
}
|
|
};
|
|
|
|
this.openingBracketBlock = function(session, bracket, row, column, typeRe) {
|
|
var start = {row: row, column: column + 1};
|
|
var end = session.$findClosingBracket(bracket, start, typeRe);
|
|
if (!end)
|
|
return;
|
|
|
|
var fw = session.foldWidgets[end.row];
|
|
if (fw == null)
|
|
fw = this.getFoldWidget(session, end.row);
|
|
|
|
if (fw == "start" && end.row > start.row) {
|
|
end.row --;
|
|
end.column = session.getLine(end.row).length;
|
|
}
|
|
return Range.fromPoints(start, end);
|
|
};
|
|
|
|
}).call(FoldMode.prototype);
|
|
|
|
});
|