1
|
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) {
|
2
|
"use strict";
|
3
|
|
4
|
var oop = require("../lib/oop");
|
5
|
var lang = require("../lib/lang");
|
6
|
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;
|
7
|
var supportType = exports.supportType = "align-content|align-items|align-self|all|animation|animation-delay|animation-direction|animation-duration|animation-fill-mode|animation-iteration-count|animation-name|animation-play-state|animation-timing-function|backface-visibility|background|background-attachment|background-blend-mode|background-clip|background-color|background-image|background-origin|background-position|background-repeat|background-size|border|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|bottom|box-shadow|box-sizing|caption-side|clear|clip|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|cursor|direction|display|empty-cells|filter|flex|flex-basis|flex-direction|flex-flow|flex-grow|flex-shrink|flex-wrap|float|font|font-family|font-size|font-size-adjust|font-stretch|font-style|font-variant|font-weight|hanging-punctuation|height|justify-content|left|letter-spacing|line-height|list-style|list-style-image|list-style-position|list-style-type|margin|margin-bottom|margin-left|margin-right|margin-top|max-height|max-width|max-zoom|min-height|min-width|min-zoom|nav-down|nav-index|nav-left|nav-right|nav-up|opacity|order|outline|outline-color|outline-offset|outline-style|outline-width|overflow|overflow-x|overflow-y|padding|padding-bottom|padding-left|padding-right|padding-top|page-break-after|page-break-before|page-break-inside|perspective|perspective-origin|position|quotes|resize|right|tab-size|table-layout|text-align|text-align-last|text-decoration|text-decoration-color|text-decoration-line|text-decoration-style|text-indent|text-justify|text-overflow|text-shadow|text-transform|top|transform|transform-origin|transform-style|transition|transition-delay|transition-duration|transition-property|transition-timing-function|unicode-bidi|user-select|user-zoom|vertical-align|visibility|white-space|width|word-break|word-spacing|word-wrap|z-index";
|
8
|
var supportFunction = exports.supportFunction = "rgb|rgba|url|attr|counter|counters";
|
9
|
var supportConstant = exports.supportConstant = "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|zoom";
|
10
|
var supportConstantColor = exports.supportConstantColor = "aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen";
|
11
|
var supportConstantFonts = exports.supportConstantFonts = "arial|century|comic|courier|cursive|fantasy|garamond|georgia|helvetica|impact|lucida|symbol|system|tahoma|times|trebuchet|utopia|verdana|webdings|sans-serif|serif|monospace";
|
12
|
|
13
|
var numRe = exports.numRe = "\\-?(?:(?:[0-9]+(?:\\.[0-9]+)?)|(?:\\.[0-9]+))";
|
14
|
var pseudoElements = exports.pseudoElements = "(\\:+)\\b(after|before|first-letter|first-line|moz-selection|selection)\\b";
|
15
|
var pseudoClasses = exports.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";
|
16
|
|
17
|
var CssHighlightRules = function() {
|
18
|
|
19
|
var keywordMapper = this.createKeywordMapper({
|
20
|
"support.function": supportFunction,
|
21
|
"support.constant": supportConstant,
|
22
|
"support.type": supportType,
|
23
|
"support.constant.color": supportConstantColor,
|
24
|
"support.constant.fonts": supportConstantFonts
|
25
|
}, "text", true);
|
26
|
|
27
|
this.$rules = {
|
28
|
"start" : [{
|
29
|
include : ["strings", "url", "comments"]
|
30
|
}, {
|
31
|
token: "paren.lparen",
|
32
|
regex: "\\{",
|
33
|
next: "ruleset"
|
34
|
}, {
|
35
|
token: "paren.rparen",
|
36
|
regex: "\\}"
|
37
|
}, {
|
38
|
token: "string",
|
39
|
regex: "@(?!viewport)",
|
40
|
next: "media"
|
41
|
}, {
|
42
|
token: "keyword",
|
43
|
regex: "#[a-z0-9-_]+"
|
44
|
}, {
|
45
|
token: "keyword",
|
46
|
regex: "%"
|
47
|
}, {
|
48
|
token: "variable",
|
49
|
regex: "\\.[a-z0-9-_]+"
|
50
|
}, {
|
51
|
token: "string",
|
52
|
regex: ":[a-z0-9-_]+"
|
53
|
}, {
|
54
|
token : "constant.numeric",
|
55
|
regex : numRe
|
56
|
}, {
|
57
|
token: "constant",
|
58
|
regex: "[a-z0-9-_]+"
|
59
|
}, {
|
60
|
caseInsensitive: true
|
61
|
}],
|
62
|
|
63
|
"media": [{
|
64
|
include : ["strings", "url", "comments"]
|
65
|
}, {
|
66
|
token: "paren.lparen",
|
67
|
regex: "\\{",
|
68
|
next: "start"
|
69
|
}, {
|
70
|
token: "paren.rparen",
|
71
|
regex: "\\}",
|
72
|
next: "start"
|
73
|
}, {
|
74
|
token: "string",
|
75
|
regex: ";",
|
76
|
next: "start"
|
77
|
}, {
|
78
|
token: "keyword",
|
79
|
regex: "(?:media|supports|document|charset|import|namespace|media|supports|document"
|
80
|
+ "|page|font|keyframes|viewport|counter-style|font-feature-values"
|
81
|
+ "|swash|ornaments|annotation|stylistic|styleset|character-variant)"
|
82
|
}],
|
83
|
|
84
|
"comments" : [{
|
85
|
token: "comment", // multi line comment
|
86
|
regex: "\\/\\*",
|
87
|
push: [{
|
88
|
token : "comment",
|
89
|
regex : "\\*\\/",
|
90
|
next : "pop"
|
91
|
}, {
|
92
|
defaultToken : "comment"
|
93
|
}]
|
94
|
}],
|
95
|
|
96
|
"ruleset" : [{
|
97
|
regex : "-(webkit|ms|moz|o)-",
|
98
|
token : "text"
|
99
|
}, {
|
100
|
token : "punctuation.operator",
|
101
|
regex : "[:;]"
|
102
|
}, {
|
103
|
token : "paren.rparen",
|
104
|
regex : "\\}",
|
105
|
next : "start"
|
106
|
}, {
|
107
|
include : ["strings", "url", "comments"]
|
108
|
}, {
|
109
|
token : ["constant.numeric", "keyword"],
|
110
|
regex : "(" + numRe + ")(ch|cm|deg|em|ex|fr|gd|grad|Hz|in|kHz|mm|ms|pc|pt|px|rad|rem|s|turn|vh|vmax|vmin|vm|vw|%)"
|
111
|
}, {
|
112
|
token : "constant.numeric",
|
113
|
regex : numRe
|
114
|
}, {
|
115
|
token : "constant.numeric", // hex6 color
|
116
|
regex : "#[a-f0-9]{6}"
|
117
|
}, {
|
118
|
token : "constant.numeric", // hex3 color
|
119
|
regex : "#[a-f0-9]{3}"
|
120
|
}, {
|
121
|
token : ["punctuation", "entity.other.attribute-name.pseudo-element.css"],
|
122
|
regex : pseudoElements
|
123
|
}, {
|
124
|
token : ["punctuation", "entity.other.attribute-name.pseudo-class.css"],
|
125
|
regex : pseudoClasses
|
126
|
}, {
|
127
|
include: "url"
|
128
|
}, {
|
129
|
token : keywordMapper,
|
130
|
regex : "\\-?[a-zA-Z_][a-zA-Z0-9_\\-]*"
|
131
|
}, {
|
132
|
caseInsensitive: true
|
133
|
}],
|
134
|
|
135
|
url: [{
|
136
|
token : "support.function",
|
137
|
regex : "(?:url(:?-prefix)?|domain|regexp)\\(",
|
138
|
push: [{
|
139
|
token : "support.function",
|
140
|
regex : "\\)",
|
141
|
next : "pop"
|
142
|
}, {
|
143
|
defaultToken: "string"
|
144
|
}]
|
145
|
}],
|
146
|
|
147
|
strings: [{
|
148
|
token : "string.start",
|
149
|
regex : "'",
|
150
|
push : [{
|
151
|
token : "string.end",
|
152
|
regex : "'|$",
|
153
|
next: "pop"
|
154
|
}, {
|
155
|
include : "escapes"
|
156
|
}, {
|
157
|
token : "constant.language.escape",
|
158
|
regex : /\\$/,
|
159
|
consumeLineEnd: true
|
160
|
}, {
|
161
|
defaultToken: "string"
|
162
|
}]
|
163
|
}, {
|
164
|
token : "string.start",
|
165
|
regex : '"',
|
166
|
push : [{
|
167
|
token : "string.end",
|
168
|
regex : '"|$',
|
169
|
next: "pop"
|
170
|
}, {
|
171
|
include : "escapes"
|
172
|
}, {
|
173
|
token : "constant.language.escape",
|
174
|
regex : /\\$/,
|
175
|
consumeLineEnd: true
|
176
|
}, {
|
177
|
defaultToken: "string"
|
178
|
}]
|
179
|
}],
|
180
|
escapes: [{
|
181
|
token : "constant.language.escape",
|
182
|
regex : /\\([a-fA-F\d]{1,6}|[^a-fA-F\d])/
|
183
|
}]
|
184
|
|
185
|
};
|
186
|
|
187
|
this.normalizeRules();
|
188
|
};
|
189
|
|
190
|
oop.inherits(CssHighlightRules, TextHighlightRules);
|
191
|
|
192
|
exports.CssHighlightRules = CssHighlightRules;
|
193
|
|
194
|
});
|
195
|
|
196
|
ace.define("ace/mode/scss_highlight_rules",["require","exports","module","ace/lib/oop","ace/lib/lang","ace/mode/text_highlight_rules","ace/mode/css_highlight_rules"], function(require, exports, module) {
|
197
|
"use strict";
|
198
|
|
199
|
var oop = require("../lib/oop");
|
200
|
var lang = require("../lib/lang");
|
201
|
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;
|
202
|
var CssHighlightRules = require("./css_highlight_rules");
|
203
|
|
204
|
var ScssHighlightRules = function() {
|
205
|
|
206
|
var properties = lang.arrayToMap(CssHighlightRules.supportType.split("|"));
|
207
|
|
208
|
var functions = lang.arrayToMap(
|
209
|
("hsl|hsla|rgb|rgba|url|attr|counter|counters|abs|adjust_color|adjust_hue|" +
|
210
|
"alpha|join|blue|ceil|change_color|comparable|complement|darken|desaturate|" +
|
211
|
"floor|grayscale|green|hue|if|invert|join|length|lighten|lightness|mix|" +
|
212
|
"nth|opacify|opacity|percentage|quote|red|round|saturate|saturation|" +
|
213
|
"scale_color|transparentize|type_of|unit|unitless|unquote").split("|")
|
214
|
);
|
215
|
|
216
|
var constants = lang.arrayToMap(CssHighlightRules.supportConstant.split("|"));
|
217
|
|
218
|
var colors = lang.arrayToMap(CssHighlightRules.supportConstantColor.split("|"));
|
219
|
|
220
|
var keywords = lang.arrayToMap(
|
221
|
("@mixin|@extend|@include|@import|@media|@debug|@warn|@if|@for|@each|@while|@else|@font-face|@-webkit-keyframes|if|and|!default|module|def|end|declare").split("|")
|
222
|
);
|
223
|
|
224
|
var tags = lang.arrayToMap(
|
225
|
("a|abbr|acronym|address|applet|area|article|aside|audio|b|base|basefont|bdo|" +
|
226
|
"big|blockquote|body|br|button|canvas|caption|center|cite|code|col|colgroup|" +
|
227
|
"command|datalist|dd|del|details|dfn|dir|div|dl|dt|em|embed|fieldset|" +
|
228
|
"figcaption|figure|font|footer|form|frame|frameset|h1|h2|h3|h4|h5|h6|head|" +
|
229
|
"header|hgroup|hr|html|i|iframe|img|input|ins|keygen|kbd|label|legend|li|" +
|
230
|
"link|map|mark|menu|meta|meter|nav|noframes|noscript|object|ol|optgroup|" +
|
231
|
"option|output|p|param|pre|progress|q|rp|rt|ruby|s|samp|script|section|select|" +
|
232
|
"small|source|span|strike|strong|style|sub|summary|sup|table|tbody|td|" +
|
233
|
"textarea|tfoot|th|thead|time|title|tr|tt|u|ul|var|video|wbr|xmp").split("|")
|
234
|
);
|
235
|
|
236
|
var numRe = "\\-?(?:(?:[0-9]+)|(?:[0-9]*\\.[0-9]+))";
|
237
|
|
238
|
this.$rules = {
|
239
|
"start" : [
|
240
|
{
|
241
|
token : "comment",
|
242
|
regex : "\\/\\/.*$"
|
243
|
},
|
244
|
{
|
245
|
token : "comment", // multi line comment
|
246
|
regex : "\\/\\*",
|
247
|
next : "comment"
|
248
|
}, {
|
249
|
token : "string", // single line
|
250
|
regex : '["](?:(?:\\\\.)|(?:[^"\\\\]))*?["]'
|
251
|
}, {
|
252
|
token : "string", // multi line string start
|
253
|
regex : '["].*\\\\$',
|
254
|
next : "qqstring"
|
255
|
}, {
|
256
|
token : "string", // single line
|
257
|
regex : "['](?:(?:\\\\.)|(?:[^'\\\\]))*?[']"
|
258
|
}, {
|
259
|
token : "string", // multi line string start
|
260
|
regex : "['].*\\\\$",
|
261
|
next : "qstring"
|
262
|
}, {
|
263
|
token : "constant.numeric",
|
264
|
regex : numRe + "(?:ch|cm|deg|em|ex|fr|gd|grad|Hz|in|kHz|mm|ms|pc|pt|px|rad|rem|s|turn|vh|vmax|vmin|vm|vw|%)"
|
265
|
}, {
|
266
|
token : "constant.numeric", // hex6 color
|
267
|
regex : "#[a-f0-9]{6}"
|
268
|
}, {
|
269
|
token : "constant.numeric", // hex3 color
|
270
|
regex : "#[a-f0-9]{3}"
|
271
|
}, {
|
272
|
token : "constant.numeric",
|
273
|
regex : numRe
|
274
|
}, {
|
275
|
token : ["support.function", "string", "support.function"],
|
276
|
regex : "(url\\()(.*)(\\))"
|
277
|
}, {
|
278
|
token : function(value) {
|
279
|
if (properties.hasOwnProperty(value.toLowerCase()))
|
280
|
return "support.type";
|
281
|
if (keywords.hasOwnProperty(value))
|
282
|
return "keyword";
|
283
|
else if (constants.hasOwnProperty(value))
|
284
|
return "constant.language";
|
285
|
else if (functions.hasOwnProperty(value))
|
286
|
return "support.function";
|
287
|
else if (colors.hasOwnProperty(value.toLowerCase()))
|
288
|
return "support.constant.color";
|
289
|
else if (tags.hasOwnProperty(value.toLowerCase()))
|
290
|
return "variable.language";
|
291
|
else
|
292
|
return "text";
|
293
|
},
|
294
|
regex : "\\-?[@a-z_][@a-z0-9_\\-]*"
|
295
|
}, {
|
296
|
token : "variable",
|
297
|
regex : "[a-z_\\-$][a-z0-9_\\-$]*\\b"
|
298
|
}, {
|
299
|
token: "variable.language",
|
300
|
regex: "#[a-z0-9-_]+"
|
301
|
}, {
|
302
|
token: "variable.language",
|
303
|
regex: "\\.[a-z0-9-_]+"
|
304
|
}, {
|
305
|
token: "variable.language",
|
306
|
regex: ":[a-z0-9-_]+"
|
307
|
}, {
|
308
|
token: "constant",
|
309
|
regex: "[a-z0-9-_]+"
|
310
|
}, {
|
311
|
token : "keyword.operator",
|
312
|
regex : "<|>|<=|>=|==|!=|-|%|#|\\+|\\$|\\+|\\*"
|
313
|
}, {
|
314
|
token : "paren.lparen",
|
315
|
regex : "[[({]"
|
316
|
}, {
|
317
|
token : "paren.rparen",
|
318
|
regex : "[\\])}]"
|
319
|
}, {
|
320
|
token : "text",
|
321
|
regex : "\\s+"
|
322
|
}, {
|
323
|
caseInsensitive: true
|
324
|
}
|
325
|
],
|
326
|
"comment" : [
|
327
|
{
|
328
|
token : "comment", // closing comment
|
329
|
regex : "\\*\\/",
|
330
|
next : "start"
|
331
|
}, {
|
332
|
defaultToken : "comment"
|
333
|
}
|
334
|
],
|
335
|
"qqstring" : [
|
336
|
{
|
337
|
token : "string",
|
338
|
regex : '(?:(?:\\\\.)|(?:[^"\\\\]))*?"',
|
339
|
next : "start"
|
340
|
}, {
|
341
|
token : "string",
|
342
|
regex : '.+'
|
343
|
}
|
344
|
],
|
345
|
"qstring" : [
|
346
|
{
|
347
|
token : "string",
|
348
|
regex : "(?:(?:\\\\.)|(?:[^'\\\\]))*?'",
|
349
|
next : "start"
|
350
|
}, {
|
351
|
token : "string",
|
352
|
regex : '.+'
|
353
|
}
|
354
|
]
|
355
|
};
|
356
|
};
|
357
|
|
358
|
oop.inherits(ScssHighlightRules, TextHighlightRules);
|
359
|
|
360
|
exports.ScssHighlightRules = ScssHighlightRules;
|
361
|
|
362
|
});
|
363
|
|
364
|
ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"], function(require, exports, module) {
|
365
|
"use strict";
|
366
|
|
367
|
var Range = require("../range").Range;
|
368
|
|
369
|
var MatchingBraceOutdent = function() {};
|
370
|
|
371
|
(function() {
|
372
|
|
373
|
this.checkOutdent = function(line, input) {
|
374
|
if (! /^\s+$/.test(line))
|
375
|
return false;
|
376
|
|
377
|
return /^\s*\}/.test(input);
|
378
|
};
|
379
|
|
380
|
this.autoOutdent = function(doc, row) {
|
381
|
var line = doc.getLine(row);
|
382
|
var match = line.match(/^(\s*\})/);
|
383
|
|
384
|
if (!match) return 0;
|
385
|
|
386
|
var column = match[1].length;
|
387
|
var openBracePos = doc.findMatchingBracket({row: row, column: column});
|
388
|
|
389
|
if (!openBracePos || openBracePos.row == row) return 0;
|
390
|
|
391
|
var indent = this.$getIndent(doc.getLine(openBracePos.row));
|
392
|
doc.replace(new Range(row, 0, row, column-1), indent);
|
393
|
};
|
394
|
|
395
|
this.$getIndent = function(line) {
|
396
|
return line.match(/^\s*/)[0];
|
397
|
};
|
398
|
|
399
|
}).call(MatchingBraceOutdent.prototype);
|
400
|
|
401
|
exports.MatchingBraceOutdent = MatchingBraceOutdent;
|
402
|
});
|
403
|
|
404
|
ace.define("ace/mode/behaviour/css",["require","exports","module","ace/lib/oop","ace/mode/behaviour","ace/mode/behaviour/cstyle","ace/token_iterator"], function(require, exports, module) {
|
405
|
"use strict";
|
406
|
|
407
|
var oop = require("../../lib/oop");
|
408
|
var Behaviour = require("../behaviour").Behaviour;
|
409
|
var CstyleBehaviour = require("./cstyle").CstyleBehaviour;
|
410
|
var TokenIterator = require("../../token_iterator").TokenIterator;
|
411
|
|
412
|
var CssBehaviour = function () {
|
413
|
|
414
|
this.inherit(CstyleBehaviour);
|
415
|
|
416
|
this.add("colon", "insertion", function (state, action, editor, session, text) {
|
417
|
if (text === ':' && editor.selection.isEmpty()) {
|
418
|
var cursor = editor.getCursorPosition();
|
419
|
var iterator = new TokenIterator(session, cursor.row, cursor.column);
|
420
|
var token = iterator.getCurrentToken();
|
421
|
if (token && token.value.match(/\s+/)) {
|
422
|
token = iterator.stepBackward();
|
423
|
}
|
424
|
if (token && token.type === 'support.type') {
|
425
|
var line = session.doc.getLine(cursor.row);
|
426
|
var rightChar = line.substring(cursor.column, cursor.column + 1);
|
427
|
if (rightChar === ':') {
|
428
|
return {
|
429
|
text: '',
|
430
|
selection: [1, 1]
|
431
|
};
|
432
|
}
|
433
|
if (/^(\s+[^;]|\s*$)/.test(line.substring(cursor.column))) {
|
434
|
return {
|
435
|
text: ':;',
|
436
|
selection: [1, 1]
|
437
|
};
|
438
|
}
|
439
|
}
|
440
|
}
|
441
|
});
|
442
|
|
443
|
this.add("colon", "deletion", function (state, action, editor, session, range) {
|
444
|
var selected = session.doc.getTextRange(range);
|
445
|
if (!range.isMultiLine() && selected === ':') {
|
446
|
var cursor = editor.getCursorPosition();
|
447
|
var iterator = new TokenIterator(session, cursor.row, cursor.column);
|
448
|
var token = iterator.getCurrentToken();
|
449
|
if (token && token.value.match(/\s+/)) {
|
450
|
token = iterator.stepBackward();
|
451
|
}
|
452
|
if (token && token.type === 'support.type') {
|
453
|
var line = session.doc.getLine(range.start.row);
|
454
|
var rightChar = line.substring(range.end.column, range.end.column + 1);
|
455
|
if (rightChar === ';') {
|
456
|
range.end.column ++;
|
457
|
return range;
|
458
|
}
|
459
|
}
|
460
|
}
|
461
|
});
|
462
|
|
463
|
this.add("semicolon", "insertion", function (state, action, editor, session, text) {
|
464
|
if (text === ';' && editor.selection.isEmpty()) {
|
465
|
var cursor = editor.getCursorPosition();
|
466
|
var line = session.doc.getLine(cursor.row);
|
467
|
var rightChar = line.substring(cursor.column, cursor.column + 1);
|
468
|
if (rightChar === ';') {
|
469
|
return {
|
470
|
text: '',
|
471
|
selection: [1, 1]
|
472
|
};
|
473
|
}
|
474
|
}
|
475
|
});
|
476
|
|
477
|
this.add("!important", "insertion", function (state, action, editor, session, text) {
|
478
|
if (text === '!' && editor.selection.isEmpty()) {
|
479
|
var cursor = editor.getCursorPosition();
|
480
|
var line = session.doc.getLine(cursor.row);
|
481
|
|
482
|
if (/^\s*(;|}|$)/.test(line.substring(cursor.column))) {
|
483
|
return {
|
484
|
text: '!important',
|
485
|
selection: [10, 10]
|
486
|
};
|
487
|
}
|
488
|
}
|
489
|
});
|
490
|
|
491
|
};
|
492
|
oop.inherits(CssBehaviour, CstyleBehaviour);
|
493
|
|
494
|
exports.CssBehaviour = CssBehaviour;
|
495
|
});
|
496
|
|
497
|
ace.define("ace/mode/folding/cstyle",["require","exports","module","ace/lib/oop","ace/range","ace/mode/folding/fold_mode"], function(require, exports, module) {
|
498
|
"use strict";
|
499
|
|
500
|
var oop = require("../../lib/oop");
|
501
|
var Range = require("../../range").Range;
|
502
|
var BaseFoldMode = require("./fold_mode").FoldMode;
|
503
|
|
504
|
var FoldMode = exports.FoldMode = function(commentRegex) {
|
505
|
if (commentRegex) {
|
506
|
this.foldingStartMarker = new RegExp(
|
507
|
this.foldingStartMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.start)
|
508
|
);
|
509
|
this.foldingStopMarker = new RegExp(
|
510
|
this.foldingStopMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.end)
|
511
|
);
|
512
|
}
|
513
|
};
|
514
|
oop.inherits(FoldMode, BaseFoldMode);
|
515
|
|
516
|
(function() {
|
517
|
|
518
|
this.foldingStartMarker = /([\{\[\(])[^\}\]\)]*$|^\s*(\/\*)/;
|
519
|
this.foldingStopMarker = /^[^\[\{\(]*([\}\]\)])|^[\s\*]*(\*\/)/;
|
520
|
this.singleLineBlockCommentRe= /^\s*(\/\*).*\*\/\s*$/;
|
521
|
this.tripleStarBlockCommentRe = /^\s*(\/\*\*\*).*\*\/\s*$/;
|
522
|
this.startRegionRe = /^\s*(\/\*|\/\/)#?region\b/;
|
523
|
this._getFoldWidgetBase = this.getFoldWidget;
|
524
|
this.getFoldWidget = function(session, foldStyle, row) {
|
525
|
var line = session.getLine(row);
|
526
|
|
527
|
if (this.singleLineBlockCommentRe.test(line)) {
|
528
|
if (!this.startRegionRe.test(line) && !this.tripleStarBlockCommentRe.test(line))
|
529
|
return "";
|
530
|
}
|
531
|
|
532
|
var fw = this._getFoldWidgetBase(session, foldStyle, row);
|
533
|
|
534
|
if (!fw && this.startRegionRe.test(line))
|
535
|
return "start"; // lineCommentRegionStart
|
536
|
|
537
|
return fw;
|
538
|
};
|
539
|
|
540
|
this.getFoldWidgetRange = function(session, foldStyle, row, forceMultiline) {
|
541
|
var line = session.getLine(row);
|
542
|
|
543
|
if (this.startRegionRe.test(line))
|
544
|
return this.getCommentRegionBlock(session, line, row);
|
545
|
|
546
|
var match = line.match(this.foldingStartMarker);
|
547
|
if (match) {
|
548
|
var i = match.index;
|
549
|
|
550
|
if (match[1])
|
551
|
return this.openingBracketBlock(session, match[1], row, i);
|
552
|
|
553
|
var range = session.getCommentFoldRange(row, i + match[0].length, 1);
|
554
|
|
555
|
if (range && !range.isMultiLine()) {
|
556
|
if (forceMultiline) {
|
557
|
range = this.getSectionRange(session, row);
|
558
|
} else if (foldStyle != "all")
|
559
|
range = null;
|
560
|
}
|
561
|
|
562
|
return range;
|
563
|
}
|
564
|
|
565
|
if (foldStyle === "markbegin")
|
566
|
return;
|
567
|
|
568
|
var match = line.match(this.foldingStopMarker);
|
569
|
if (match) {
|
570
|
var i = match.index + match[0].length;
|
571
|
|
572
|
if (match[1])
|
573
|
return this.closingBracketBlock(session, match[1], row, i);
|
574
|
|
575
|
return session.getCommentFoldRange(row, i, -1);
|
576
|
}
|
577
|
};
|
578
|
|
579
|
this.getSectionRange = function(session, row) {
|
580
|
var line = session.getLine(row);
|
581
|
var startIndent = line.search(/\S/);
|
582
|
var startRow = row;
|
583
|
var startColumn = line.length;
|
584
|
row = row + 1;
|
585
|
var endRow = row;
|
586
|
var maxRow = session.getLength();
|
587
|
while (++row < maxRow) {
|
588
|
line = session.getLine(row);
|
589
|
var indent = line.search(/\S/);
|
590
|
if (indent === -1)
|
591
|
continue;
|
592
|
if (startIndent > indent)
|
593
|
break;
|
594
|
var subRange = this.getFoldWidgetRange(session, "all", row);
|
595
|
|
596
|
if (subRange) {
|
597
|
if (subRange.start.row <= startRow) {
|
598
|
break;
|
599
|
} else if (subRange.isMultiLine()) {
|
600
|
row = subRange.end.row;
|
601
|
} else if (startIndent == indent) {
|
602
|
break;
|
603
|
}
|
604
|
}
|
605
|
endRow = row;
|
606
|
}
|
607
|
|
608
|
return new Range(startRow, startColumn, endRow, session.getLine(endRow).length);
|
609
|
};
|
610
|
this.getCommentRegionBlock = function(session, line, row) {
|
611
|
var startColumn = line.search(/\s*$/);
|
612
|
var maxRow = session.getLength();
|
613
|
var startRow = row;
|
614
|
|
615
|
var re = /^\s*(?:\/\*|\/\/|--)#?(end)?region\b/;
|
616
|
var depth = 1;
|
617
|
while (++row < maxRow) {
|
618
|
line = session.getLine(row);
|
619
|
var m = re.exec(line);
|
620
|
if (!m) continue;
|
621
|
if (m[1]) depth--;
|
622
|
else depth++;
|
623
|
|
624
|
if (!depth) break;
|
625
|
}
|
626
|
|
627
|
var endRow = row;
|
628
|
if (endRow > startRow) {
|
629
|
return new Range(startRow, startColumn, endRow, line.length);
|
630
|
}
|
631
|
};
|
632
|
|
633
|
}).call(FoldMode.prototype);
|
634
|
|
635
|
});
|
636
|
|
637
|
ace.define("ace/mode/css_completions",["require","exports","module"], function(require, exports, module) {
|
638
|
"use strict";
|
639
|
|
640
|
var propertyMap = {
|
641
|
"background": {"#$0": 1},
|
642
|
"background-color": {"#$0": 1, "transparent": 1, "fixed": 1},
|
643
|
"background-image": {"url('/$0')": 1},
|
644
|
"background-repeat": {"repeat": 1, "repeat-x": 1, "repeat-y": 1, "no-repeat": 1, "inherit": 1},
|
645
|
"background-position": {"bottom":2, "center":2, "left":2, "right":2, "top":2, "inherit":2},
|
646
|
"background-attachment": {"scroll": 1, "fixed": 1},
|
647
|
"background-size": {"cover": 1, "contain": 1},
|
648
|
"background-clip": {"border-box": 1, "padding-box": 1, "content-box": 1},
|
649
|
"background-origin": {"border-box": 1, "padding-box": 1, "content-box": 1},
|
650
|
"border": {"solid $0": 1, "dashed $0": 1, "dotted $0": 1, "#$0": 1},
|
651
|
"border-color": {"#$0": 1},
|
652
|
"border-style": {"solid":2, "dashed":2, "dotted":2, "double":2, "groove":2, "hidden":2, "inherit":2, "inset":2, "none":2, "outset":2, "ridged":2},
|
653
|
"border-collapse": {"collapse": 1, "separate": 1},
|
654
|
"bottom": {"px": 1, "em": 1, "%": 1},
|
655
|
"clear": {"left": 1, "right": 1, "both": 1, "none": 1},
|
656
|
"color": {"#$0": 1, "rgb(#$00,0,0)": 1},
|
657
|
"cursor": {"default": 1, "pointer": 1, "move": 1, "text": 1, "wait": 1, "help": 1, "progress": 1, "n-resize": 1, "ne-resize": 1, "e-resize": 1, "se-resize": 1, "s-resize": 1, "sw-resize": 1, "w-resize": 1, "nw-resize": 1},
|
658
|
"display": {"none": 1, "block": 1, "inline": 1, "inline-block": 1, "table-cell": 1},
|
659
|
"empty-cells": {"show": 1, "hide": 1},
|
660
|
"float": {"left": 1, "right": 1, "none": 1},
|
661
|
"font-family": {"Arial":2,"Comic Sans MS":2,"Consolas":2,"Courier New":2,"Courier":2,"Georgia":2,"Monospace":2,"Sans-Serif":2, "Segoe UI":2,"Tahoma":2,"Times New Roman":2,"Trebuchet MS":2,"Verdana": 1},
|
662
|
"font-size": {"px": 1, "em": 1, "%": 1},
|
663
|
"font-weight": {"bold": 1, "normal": 1},
|
664
|
"font-style": {"italic": 1, "normal": 1},
|
665
|
"font-variant": {"normal": 1, "small-caps": 1},
|
666
|
"height": {"px": 1, "em": 1, "%": 1},
|
667
|
"left": {"px": 1, "em": 1, "%": 1},
|
668
|
"letter-spacing": {"normal": 1},
|
669
|
"line-height": {"normal": 1},
|
670
|
"list-style-type": {"none": 1, "disc": 1, "circle": 1, "square": 1, "decimal": 1, "decimal-leading-zero": 1, "lower-roman": 1, "upper-roman": 1, "lower-greek": 1, "lower-latin": 1, "upper-latin": 1, "georgian": 1, "lower-alpha": 1, "upper-alpha": 1},
|
671
|
"margin": {"px": 1, "em": 1, "%": 1},
|
672
|
"margin-right": {"px": 1, "em": 1, "%": 1},
|
673
|
"margin-left": {"px": 1, "em": 1, "%": 1},
|
674
|
"margin-top": {"px": 1, "em": 1, "%": 1},
|
675
|
"margin-bottom": {"px": 1, "em": 1, "%": 1},
|
676
|
"max-height": {"px": 1, "em": 1, "%": 1},
|
677
|
"max-width": {"px": 1, "em": 1, "%": 1},
|
678
|
"min-height": {"px": 1, "em": 1, "%": 1},
|
679
|
"min-width": {"px": 1, "em": 1, "%": 1},
|
680
|
"overflow": {"hidden": 1, "visible": 1, "auto": 1, "scroll": 1},
|
681
|
"overflow-x": {"hidden": 1, "visible": 1, "auto": 1, "scroll": 1},
|
682
|
"overflow-y": {"hidden": 1, "visible": 1, "auto": 1, "scroll": 1},
|
683
|
"padding": {"px": 1, "em": 1, "%": 1},
|
684
|
"padding-top": {"px": 1, "em": 1, "%": 1},
|
685
|
"padding-right": {"px": 1, "em": 1, "%": 1},
|
686
|
"padding-bottom": {"px": 1, "em": 1, "%": 1},
|
687
|
"padding-left": {"px": 1, "em": 1, "%": 1},
|
688
|
"page-break-after": {"auto": 1, "always": 1, "avoid": 1, "left": 1, "right": 1},
|
689
|
"page-break-before": {"auto": 1, "always": 1, "avoid": 1, "left": 1, "right": 1},
|
690
|
"position": {"absolute": 1, "relative": 1, "fixed": 1, "static": 1},
|
691
|
"right": {"px": 1, "em": 1, "%": 1},
|
692
|
"table-layout": {"fixed": 1, "auto": 1},
|
693
|
"text-decoration": {"none": 1, "underline": 1, "line-through": 1, "blink": 1},
|
694
|
"text-align": {"left": 1, "right": 1, "center": 1, "justify": 1},
|
695
|
"text-transform": {"capitalize": 1, "uppercase": 1, "lowercase": 1, "none": 1},
|
696
|
"top": {"px": 1, "em": 1, "%": 1},
|
697
|
"vertical-align": {"top": 1, "bottom": 1},
|
698
|
"visibility": {"hidden": 1, "visible": 1},
|
699
|
"white-space": {"nowrap": 1, "normal": 1, "pre": 1, "pre-line": 1, "pre-wrap": 1},
|
700
|
"width": {"px": 1, "em": 1, "%": 1},
|
701
|
"word-spacing": {"normal": 1},
|
702
|
"filter": {"alpha(opacity=$0100)": 1},
|
703
|
|
704
|
"text-shadow": {"$02px 2px 2px #777": 1},
|
705
|
"text-overflow": {"ellipsis-word": 1, "clip": 1, "ellipsis": 1},
|
706
|
"-moz-border-radius": 1,
|
707
|
"-moz-border-radius-topright": 1,
|
708
|
"-moz-border-radius-bottomright": 1,
|
709
|
"-moz-border-radius-topleft": 1,
|
710
|
"-moz-border-radius-bottomleft": 1,
|
711
|
"-webkit-border-radius": 1,
|
712
|
"-webkit-border-top-right-radius": 1,
|
713
|
"-webkit-border-top-left-radius": 1,
|
714
|
"-webkit-border-bottom-right-radius": 1,
|
715
|
"-webkit-border-bottom-left-radius": 1,
|
716
|
"-moz-box-shadow": 1,
|
717
|
"-webkit-box-shadow": 1,
|
718
|
"transform": {"rotate($00deg)": 1, "skew($00deg)": 1},
|
719
|
"-moz-transform": {"rotate($00deg)": 1, "skew($00deg)": 1},
|
720
|
"-webkit-transform": {"rotate($00deg)": 1, "skew($00deg)": 1 }
|
721
|
};
|
722
|
|
723
|
var CssCompletions = function() {
|
724
|
|
725
|
};
|
726
|
|
727
|
(function() {
|
728
|
|
729
|
this.completionsDefined = false;
|
730
|
|
731
|
this.defineCompletions = function() {
|
732
|
if (document) {
|
733
|
var style = document.createElement('c').style;
|
734
|
|
735
|
for (var i in style) {
|
736
|
if (typeof style[i] !== 'string')
|
737
|
continue;
|
738
|
|
739
|
var name = i.replace(/[A-Z]/g, function(x) {
|
740
|
return '-' + x.toLowerCase();
|
741
|
});
|
742
|
|
743
|
if (!propertyMap.hasOwnProperty(name))
|
744
|
propertyMap[name] = 1;
|
745
|
}
|
746
|
}
|
747
|
|
748
|
this.completionsDefined = true;
|
749
|
};
|
750
|
|
751
|
this.getCompletions = function(state, session, pos, prefix) {
|
752
|
if (!this.completionsDefined) {
|
753
|
this.defineCompletions();
|
754
|
}
|
755
|
|
756
|
if (state==='ruleset' || session.$mode.$id == "ace/mode/scss") {
|
757
|
var line = session.getLine(pos.row).substr(0, pos.column);
|
758
|
if (/:[^;]+$/.test(line)) {
|
759
|
/([\w\-]+):[^:]*$/.test(line);
|
760
|
|
761
|
return this.getPropertyValueCompletions(state, session, pos, prefix);
|
762
|
} else {
|
763
|
return this.getPropertyCompletions(state, session, pos, prefix);
|
764
|
}
|
765
|
}
|
766
|
|
767
|
return [];
|
768
|
};
|
769
|
|
770
|
this.getPropertyCompletions = function(state, session, pos, prefix) {
|
771
|
var properties = Object.keys(propertyMap);
|
772
|
return properties.map(function(property){
|
773
|
return {
|
774
|
caption: property,
|
775
|
snippet: property + ': $0;',
|
776
|
meta: "property",
|
777
|
score: 1000000
|
778
|
};
|
779
|
});
|
780
|
};
|
781
|
|
782
|
this.getPropertyValueCompletions = function(state, session, pos, prefix) {
|
783
|
var line = session.getLine(pos.row).substr(0, pos.column);
|
784
|
var property = (/([\w\-]+):[^:]*$/.exec(line) || {})[1];
|
785
|
|
786
|
if (!property)
|
787
|
return [];
|
788
|
var values = [];
|
789
|
if (property in propertyMap && typeof propertyMap[property] === "object") {
|
790
|
values = Object.keys(propertyMap[property]);
|
791
|
}
|
792
|
return values.map(function(value){
|
793
|
return {
|
794
|
caption: value,
|
795
|
snippet: value,
|
796
|
meta: "property value",
|
797
|
score: 1000000
|
798
|
};
|
799
|
});
|
800
|
};
|
801
|
|
802
|
}).call(CssCompletions.prototype);
|
803
|
|
804
|
exports.CssCompletions = CssCompletions;
|
805
|
});
|
806
|
|
807
|
ace.define("ace/mode/scss",["require","exports","module","ace/lib/oop","ace/mode/text","ace/mode/scss_highlight_rules","ace/mode/matching_brace_outdent","ace/mode/behaviour/css","ace/mode/folding/cstyle","ace/mode/css_completions"], function(require, exports, module) {
|
808
|
"use strict";
|
809
|
|
810
|
var oop = require("../lib/oop");
|
811
|
var TextMode = require("./text").Mode;
|
812
|
var ScssHighlightRules = require("./scss_highlight_rules").ScssHighlightRules;
|
813
|
var MatchingBraceOutdent = require("./matching_brace_outdent").MatchingBraceOutdent;
|
814
|
var CssBehaviour = require("./behaviour/css").CssBehaviour;
|
815
|
var CStyleFoldMode = require("./folding/cstyle").FoldMode;
|
816
|
var CssCompletions = require("./css_completions").CssCompletions;
|
817
|
|
818
|
|
819
|
var Mode = function() {
|
820
|
this.HighlightRules = ScssHighlightRules;
|
821
|
this.$outdent = new MatchingBraceOutdent();
|
822
|
this.$behaviour = new CssBehaviour();
|
823
|
this.$completer = new CssCompletions();
|
824
|
this.foldingRules = new CStyleFoldMode();
|
825
|
};
|
826
|
oop.inherits(Mode, TextMode);
|
827
|
|
828
|
(function() {
|
829
|
|
830
|
this.lineCommentStart = "//";
|
831
|
this.blockComment = {start: "/*", end: "*/"};
|
832
|
|
833
|
this.getNextLineIndent = function(state, line, tab) {
|
834
|
var indent = this.$getIndent(line);
|
835
|
var tokens = this.getTokenizer().getLineTokens(line, state).tokens;
|
836
|
if (tokens.length && tokens[tokens.length-1].type == "comment") {
|
837
|
return indent;
|
838
|
}
|
839
|
|
840
|
var match = line.match(/^.*\{\s*$/);
|
841
|
if (match) {
|
842
|
indent += tab;
|
843
|
}
|
844
|
|
845
|
return indent;
|
846
|
};
|
847
|
|
848
|
this.checkOutdent = function(state, line, input) {
|
849
|
return this.$outdent.checkOutdent(line, input);
|
850
|
};
|
851
|
|
852
|
this.autoOutdent = function(state, doc, row) {
|
853
|
this.$outdent.autoOutdent(doc, row);
|
854
|
};
|
855
|
|
856
|
this.getCompletions = function(state, session, pos, prefix) {
|
857
|
return this.$completer.getCompletions(state, session, pos, prefix);
|
858
|
};
|
859
|
|
860
|
|
861
|
this.$id = "ace/mode/scss";
|
862
|
}).call(Mode.prototype);
|
863
|
|
864
|
exports.Mode = Mode;
|
865
|
|
866
|
}); (function() {
|
867
|
ace.require(["ace/mode/scss"], function(m) {
|
868
|
if (typeof module == "object" && typeof exports == "object" && module) {
|
869
|
module.exports = m;
|
870
|
}
|
871
|
});
|
872
|
})();
|
873
|
|