mode-scss.js 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878
  1. ace.define("ace/mode/scss_highlight_rules",["require","exports","module","ace/lib/oop","ace/lib/lang","ace/mode/text_highlight_rules"], function(require, exports, module) {
  2. "use strict";
  3. var oop = require("../lib/oop");
  4. var lang = require("../lib/lang");
  5. var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules;
  6. var ScssHighlightRules = function() {
  7. var properties = lang.arrayToMap( (function () {
  8. var browserPrefix = ("-webkit-|-moz-|-o-|-ms-|-svg-|-pie-|-khtml-").split("|");
  9. var prefixProperties = ("appearance|background-clip|background-inline-policy|background-origin|" +
  10. "background-size|binding|border-bottom-colors|border-left-colors|" +
  11. "border-right-colors|border-top-colors|border-end|border-end-color|" +
  12. "border-end-style|border-end-width|border-image|border-start|" +
  13. "border-start-color|border-start-style|border-start-width|box-align|" +
  14. "box-direction|box-flex|box-flexgroup|box-ordinal-group|box-orient|" +
  15. "box-pack|box-sizing|column-count|column-gap|column-width|column-rule|" +
  16. "column-rule-width|column-rule-style|column-rule-color|float-edge|" +
  17. "font-feature-settings|font-language-override|force-broken-image-icon|" +
  18. "image-region|margin-end|margin-start|opacity|outline|outline-color|" +
  19. "outline-offset|outline-radius|outline-radius-bottomleft|" +
  20. "outline-radius-bottomright|outline-radius-topleft|outline-radius-topright|" +
  21. "outline-style|outline-width|padding-end|padding-start|stack-sizing|" +
  22. "tab-size|text-blink|text-decoration-color|text-decoration-line|" +
  23. "text-decoration-style|transform|transform-origin|transition|" +
  24. "transition-delay|transition-duration|transition-property|" +
  25. "transition-timing-function|user-focus|user-input|user-modify|user-select|" +
  26. "window-shadow|border-radius").split("|");
  27. var properties = ("azimuth|background-attachment|background-color|background-image|" +
  28. "background-position|background-repeat|background|border-bottom-color|" +
  29. "border-bottom-style|border-bottom-width|border-bottom|border-collapse|" +
  30. "border-color|border-left-color|border-left-style|border-left-width|" +
  31. "border-left|border-right-color|border-right-style|border-right-width|" +
  32. "border-right|border-spacing|border-style|border-top-color|" +
  33. "border-top-style|border-top-width|border-top|border-width|border|bottom|" +
  34. "box-shadow|box-sizing|caption-side|clear|clip|color|content|counter-increment|" +
  35. "counter-reset|cue-after|cue-before|cue|cursor|direction|display|" +
  36. "elevation|empty-cells|float|font-family|font-size-adjust|font-size|" +
  37. "font-stretch|font-style|font-variant|font-weight|font|height|left|" +
  38. "letter-spacing|line-height|list-style-image|list-style-position|" +
  39. "list-style-type|list-style|margin-bottom|margin-left|margin-right|" +
  40. "margin-top|marker-offset|margin|marks|max-height|max-width|min-height|" +
  41. "min-width|opacity|orphans|outline-color|" +
  42. "outline-style|outline-width|outline|overflow|overflow-x|overflow-y|padding-bottom|" +
  43. "padding-left|padding-right|padding-top|padding|page-break-after|" +
  44. "page-break-before|page-break-inside|page|pause-after|pause-before|" +
  45. "pause|pitch-range|pitch|play-during|position|quotes|richness|right|" +
  46. "size|speak-header|speak-numeral|speak-punctuation|speech-rate|speak|" +
  47. "stress|table-layout|text-align|text-decoration|text-indent|" +
  48. "text-shadow|text-transform|top|unicode-bidi|vertical-align|" +
  49. "visibility|voice-family|volume|white-space|widows|width|word-spacing|" +
  50. "z-index").split("|");
  51. var ret = [];
  52. for (var i=0, ln=browserPrefix.length; i<ln; i++) {
  53. Array.prototype.push.apply(
  54. ret,
  55. (( browserPrefix[i] + prefixProperties.join("|" + browserPrefix[i]) ).split("|"))
  56. );
  57. }
  58. Array.prototype.push.apply(ret, prefixProperties);
  59. Array.prototype.push.apply(ret, properties);
  60. return ret;
  61. })() );
  62. var functions = lang.arrayToMap(
  63. ("hsl|hsla|rgb|rgba|url|attr|counter|counters|abs|adjust_color|adjust_hue|" +
  64. "alpha|join|blue|ceil|change_color|comparable|complement|darken|desaturate|" +
  65. "floor|grayscale|green|hue|if|invert|join|length|lighten|lightness|mix|" +
  66. "nth|opacify|opacity|percentage|quote|red|round|saturate|saturation|" +
  67. "scale_color|transparentize|type_of|unit|unitless|unqoute").split("|")
  68. );
  69. var constants = lang.arrayToMap(
  70. ("absolute|all-scroll|always|armenian|auto|baseline|below|bidi-override|" +
  71. "block|bold|bolder|border-box|both|bottom|break-all|break-word|capitalize|center|" +
  72. "char|circle|cjk-ideographic|col-resize|collapse|content-box|crosshair|dashed|" +
  73. "decimal-leading-zero|decimal|default|disabled|disc|" +
  74. "distribute-all-lines|distribute-letter|distribute-space|" +
  75. "distribute|dotted|double|e-resize|ellipsis|fixed|georgian|groove|" +
  76. "hand|hebrew|help|hidden|hiragana-iroha|hiragana|horizontal|" +
  77. "ideograph-alpha|ideograph-numeric|ideograph-parenthesis|" +
  78. "ideograph-space|inactive|inherit|inline-block|inline|inset|inside|" +
  79. "inter-ideograph|inter-word|italic|justify|katakana-iroha|katakana|" +
  80. "keep-all|left|lighter|line-edge|line-through|line|list-item|loose|" +
  81. "lower-alpha|lower-greek|lower-latin|lower-roman|lowercase|lr-tb|ltr|" +
  82. "medium|middle|move|n-resize|ne-resize|newspaper|no-drop|no-repeat|" +
  83. "nw-resize|none|normal|not-allowed|nowrap|oblique|outset|outside|" +
  84. "overline|pointer|progress|relative|repeat-x|repeat-y|repeat|right|" +
  85. "ridge|row-resize|rtl|s-resize|scroll|se-resize|separate|small-caps|" +
  86. "solid|square|static|strict|super|sw-resize|table-footer-group|" +
  87. "table-header-group|tb-rl|text-bottom|text-top|text|thick|thin|top|" +
  88. "transparent|underline|upper-alpha|upper-latin|upper-roman|uppercase|" +
  89. "vertical-ideographic|vertical-text|visible|w-resize|wait|whitespace|" +
  90. "zero").split("|")
  91. );
  92. var colors = lang.arrayToMap(
  93. ("aqua|black|blue|fuchsia|gray|green|lime|maroon|navy|olive|orange|" +
  94. "purple|red|silver|teal|white|yellow").split("|")
  95. );
  96. var keywords = lang.arrayToMap(
  97. ("@mixin|@extend|@include|@import|@media|@debug|@warn|@if|@for|@each|@while|@else|@font-face|@-webkit-keyframes|if|and|!default|module|def|end|declare").split("|")
  98. )
  99. var tags = lang.arrayToMap(
  100. ("a|abbr|acronym|address|applet|area|article|aside|audio|b|base|basefont|bdo|" +
  101. "big|blockquote|body|br|button|canvas|caption|center|cite|code|col|colgroup|" +
  102. "command|datalist|dd|del|details|dfn|dir|div|dl|dt|em|embed|fieldset|" +
  103. "figcaption|figure|font|footer|form|frame|frameset|h1|h2|h3|h4|h5|h6|head|" +
  104. "header|hgroup|hr|html|i|iframe|img|input|ins|keygen|kbd|label|legend|li|" +
  105. "link|map|mark|menu|meta|meter|nav|noframes|noscript|object|ol|optgroup|" +
  106. "option|output|p|param|pre|progress|q|rp|rt|ruby|s|samp|script|section|select|" +
  107. "small|source|span|strike|strong|style|sub|summary|sup|table|tbody|td|" +
  108. "textarea|tfoot|th|thead|time|title|tr|tt|u|ul|var|video|wbr|xmp").split("|")
  109. );
  110. var numRe = "\\-?(?:(?:[0-9]+)|(?:[0-9]*\\.[0-9]+))";
  111. this.$rules = {
  112. "start" : [
  113. {
  114. token : "comment",
  115. regex : "\\/\\/.*$"
  116. },
  117. {
  118. token : "comment", // multi line comment
  119. regex : "\\/\\*",
  120. next : "comment"
  121. }, {
  122. token : "string", // single line
  123. regex : '["](?:(?:\\\\.)|(?:[^"\\\\]))*?["]'
  124. }, {
  125. token : "string", // multi line string start
  126. regex : '["].*\\\\$',
  127. next : "qqstring"
  128. }, {
  129. token : "string", // single line
  130. regex : "['](?:(?:\\\\.)|(?:[^'\\\\]))*?[']"
  131. }, {
  132. token : "string", // multi line string start
  133. regex : "['].*\\\\$",
  134. next : "qstring"
  135. }, {
  136. token : "constant.numeric",
  137. regex : numRe + "(?:em|ex|px|cm|mm|in|pt|pc|deg|rad|grad|ms|s|hz|khz|%)"
  138. }, {
  139. token : "constant.numeric", // hex6 color
  140. regex : "#[a-f0-9]{6}"
  141. }, {
  142. token : "constant.numeric", // hex3 color
  143. regex : "#[a-f0-9]{3}"
  144. }, {
  145. token : "constant.numeric",
  146. regex : numRe
  147. }, {
  148. token : ["support.function", "string", "support.function"],
  149. regex : "(url\\()(.*)(\\))"
  150. }, {
  151. token : function(value) {
  152. if (properties.hasOwnProperty(value.toLowerCase()))
  153. return "support.type";
  154. if (keywords.hasOwnProperty(value))
  155. return "keyword";
  156. else if (constants.hasOwnProperty(value))
  157. return "constant.language";
  158. else if (functions.hasOwnProperty(value))
  159. return "support.function";
  160. else if (colors.hasOwnProperty(value.toLowerCase()))
  161. return "support.constant.color";
  162. else if (tags.hasOwnProperty(value.toLowerCase()))
  163. return "variable.language";
  164. else
  165. return "text";
  166. },
  167. regex : "\\-?[@a-z_][@a-z0-9_\\-]*"
  168. }, {
  169. token : "variable",
  170. regex : "[a-z_\\-$][a-z0-9_\\-$]*\\b"
  171. }, {
  172. token: "variable.language",
  173. regex: "#[a-z0-9-_]+"
  174. }, {
  175. token: "variable.language",
  176. regex: "\\.[a-z0-9-_]+"
  177. }, {
  178. token: "variable.language",
  179. regex: ":[a-z0-9-_]+"
  180. }, {
  181. token: "constant",
  182. regex: "[a-z0-9-_]+"
  183. }, {
  184. token : "keyword.operator",
  185. regex : "<|>|<=|>=|==|!=|-|%|#|\\+|\\$|\\+|\\*"
  186. }, {
  187. token : "paren.lparen",
  188. regex : "[[({]"
  189. }, {
  190. token : "paren.rparen",
  191. regex : "[\\])}]"
  192. }, {
  193. token : "text",
  194. regex : "\\s+"
  195. }, {
  196. caseInsensitive: true
  197. }
  198. ],
  199. "comment" : [
  200. {
  201. token : "comment", // closing comment
  202. regex : ".*?\\*\\/",
  203. next : "start"
  204. }, {
  205. token : "comment", // comment spanning whole line
  206. regex : ".+"
  207. }
  208. ],
  209. "qqstring" : [
  210. {
  211. token : "string",
  212. regex : '(?:(?:\\\\.)|(?:[^"\\\\]))*?"',
  213. next : "start"
  214. }, {
  215. token : "string",
  216. regex : '.+'
  217. }
  218. ],
  219. "qstring" : [
  220. {
  221. token : "string",
  222. regex : "(?:(?:\\\\.)|(?:[^'\\\\]))*?'",
  223. next : "start"
  224. }, {
  225. token : "string",
  226. regex : '.+'
  227. }
  228. ]
  229. };
  230. };
  231. oop.inherits(ScssHighlightRules, TextHighlightRules);
  232. exports.ScssHighlightRules = ScssHighlightRules;
  233. });
  234. ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"], function(require, exports, module) {
  235. "use strict";
  236. var Range = require("../range").Range;
  237. var MatchingBraceOutdent = function() {};
  238. (function() {
  239. this.checkOutdent = function(line, input) {
  240. if (! /^\s+$/.test(line))
  241. return false;
  242. return /^\s*\}/.test(input);
  243. };
  244. this.autoOutdent = function(doc, row) {
  245. var line = doc.getLine(row);
  246. var match = line.match(/^(\s*\})/);
  247. if (!match) return 0;
  248. var column = match[1].length;
  249. var openBracePos = doc.findMatchingBracket({row: row, column: column});
  250. if (!openBracePos || openBracePos.row == row) return 0;
  251. var indent = this.$getIndent(doc.getLine(openBracePos.row));
  252. doc.replace(new Range(row, 0, row, column-1), indent);
  253. };
  254. this.$getIndent = function(line) {
  255. return line.match(/^\s*/)[0];
  256. };
  257. }).call(MatchingBraceOutdent.prototype);
  258. exports.MatchingBraceOutdent = MatchingBraceOutdent;
  259. });
  260. ace.define("ace/mode/behaviour/cstyle",["require","exports","module","ace/lib/oop","ace/mode/behaviour","ace/token_iterator","ace/lib/lang"], function(require, exports, module) {
  261. "use strict";
  262. var oop = require("../../lib/oop");
  263. var Behaviour = require("../behaviour").Behaviour;
  264. var TokenIterator = require("../../token_iterator").TokenIterator;
  265. var lang = require("../../lib/lang");
  266. var SAFE_INSERT_IN_TOKENS =
  267. ["text", "paren.rparen", "punctuation.operator"];
  268. var SAFE_INSERT_BEFORE_TOKENS =
  269. ["text", "paren.rparen", "punctuation.operator", "comment"];
  270. var context;
  271. var contextCache = {}
  272. var initContext = function(editor) {
  273. var id = -1;
  274. if (editor.multiSelect) {
  275. id = editor.selection.id;
  276. if (contextCache.rangeCount != editor.multiSelect.rangeCount)
  277. contextCache = {rangeCount: editor.multiSelect.rangeCount};
  278. }
  279. if (contextCache[id])
  280. return context = contextCache[id];
  281. context = contextCache[id] = {
  282. autoInsertedBrackets: 0,
  283. autoInsertedRow: -1,
  284. autoInsertedLineEnd: "",
  285. maybeInsertedBrackets: 0,
  286. maybeInsertedRow: -1,
  287. maybeInsertedLineStart: "",
  288. maybeInsertedLineEnd: ""
  289. };
  290. };
  291. var CstyleBehaviour = function() {
  292. this.add("braces", "insertion", function(state, action, editor, session, text) {
  293. var cursor = editor.getCursorPosition();
  294. var line = session.doc.getLine(cursor.row);
  295. if (text == '{') {
  296. initContext(editor);
  297. var selection = editor.getSelectionRange();
  298. var selected = session.doc.getTextRange(selection);
  299. if (selected !== "" && selected !== "{" && editor.getWrapBehavioursEnabled()) {
  300. return {
  301. text: '{' + selected + '}',
  302. selection: false
  303. };
  304. } else if (CstyleBehaviour.isSaneInsertion(editor, session)) {
  305. if (/[\]\}\)]/.test(line[cursor.column]) || editor.inMultiSelectMode) {
  306. CstyleBehaviour.recordAutoInsert(editor, session, "}");
  307. return {
  308. text: '{}',
  309. selection: [1, 1]
  310. };
  311. } else {
  312. CstyleBehaviour.recordMaybeInsert(editor, session, "{");
  313. return {
  314. text: '{',
  315. selection: [1, 1]
  316. };
  317. }
  318. }
  319. } else if (text == '}') {
  320. initContext(editor);
  321. var rightChar = line.substring(cursor.column, cursor.column + 1);
  322. if (rightChar == '}') {
  323. var matching = session.$findOpeningBracket('}', {column: cursor.column + 1, row: cursor.row});
  324. if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) {
  325. CstyleBehaviour.popAutoInsertedClosing();
  326. return {
  327. text: '',
  328. selection: [1, 1]
  329. };
  330. }
  331. }
  332. } else if (text == "\n" || text == "\r\n") {
  333. initContext(editor);
  334. var closing = "";
  335. if (CstyleBehaviour.isMaybeInsertedClosing(cursor, line)) {
  336. closing = lang.stringRepeat("}", context.maybeInsertedBrackets);
  337. CstyleBehaviour.clearMaybeInsertedClosing();
  338. }
  339. var rightChar = line.substring(cursor.column, cursor.column + 1);
  340. if (rightChar === '}') {
  341. var openBracePos = session.findMatchingBracket({row: cursor.row, column: cursor.column+1}, '}');
  342. if (!openBracePos)
  343. return null;
  344. var next_indent = this.$getIndent(session.getLine(openBracePos.row));
  345. } else if (closing) {
  346. var next_indent = this.$getIndent(line);
  347. } else {
  348. CstyleBehaviour.clearMaybeInsertedClosing();
  349. return;
  350. }
  351. var indent = next_indent + session.getTabString();
  352. return {
  353. text: '\n' + indent + '\n' + next_indent + closing,
  354. selection: [1, indent.length, 1, indent.length]
  355. };
  356. } else {
  357. CstyleBehaviour.clearMaybeInsertedClosing();
  358. }
  359. });
  360. this.add("braces", "deletion", function(state, action, editor, session, range) {
  361. var selected = session.doc.getTextRange(range);
  362. if (!range.isMultiLine() && selected == '{') {
  363. initContext(editor);
  364. var line = session.doc.getLine(range.start.row);
  365. var rightChar = line.substring(range.end.column, range.end.column + 1);
  366. if (rightChar == '}') {
  367. range.end.column++;
  368. return range;
  369. } else {
  370. context.maybeInsertedBrackets--;
  371. }
  372. }
  373. });
  374. this.add("parens", "insertion", function(state, action, editor, session, text) {
  375. if (text == '(') {
  376. initContext(editor);
  377. var selection = editor.getSelectionRange();
  378. var selected = session.doc.getTextRange(selection);
  379. if (selected !== "" && editor.getWrapBehavioursEnabled()) {
  380. return {
  381. text: '(' + selected + ')',
  382. selection: false
  383. };
  384. } else if (CstyleBehaviour.isSaneInsertion(editor, session)) {
  385. CstyleBehaviour.recordAutoInsert(editor, session, ")");
  386. return {
  387. text: '()',
  388. selection: [1, 1]
  389. };
  390. }
  391. } else if (text == ')') {
  392. initContext(editor);
  393. var cursor = editor.getCursorPosition();
  394. var line = session.doc.getLine(cursor.row);
  395. var rightChar = line.substring(cursor.column, cursor.column + 1);
  396. if (rightChar == ')') {
  397. var matching = session.$findOpeningBracket(')', {column: cursor.column + 1, row: cursor.row});
  398. if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) {
  399. CstyleBehaviour.popAutoInsertedClosing();
  400. return {
  401. text: '',
  402. selection: [1, 1]
  403. };
  404. }
  405. }
  406. }
  407. });
  408. this.add("parens", "deletion", function(state, action, editor, session, range) {
  409. var selected = session.doc.getTextRange(range);
  410. if (!range.isMultiLine() && selected == '(') {
  411. initContext(editor);
  412. var line = session.doc.getLine(range.start.row);
  413. var rightChar = line.substring(range.start.column + 1, range.start.column + 2);
  414. if (rightChar == ')') {
  415. range.end.column++;
  416. return range;
  417. }
  418. }
  419. });
  420. this.add("brackets", "insertion", function(state, action, editor, session, text) {
  421. if (text == '[') {
  422. initContext(editor);
  423. var selection = editor.getSelectionRange();
  424. var selected = session.doc.getTextRange(selection);
  425. if (selected !== "" && editor.getWrapBehavioursEnabled()) {
  426. return {
  427. text: '[' + selected + ']',
  428. selection: false
  429. };
  430. } else if (CstyleBehaviour.isSaneInsertion(editor, session)) {
  431. CstyleBehaviour.recordAutoInsert(editor, session, "]");
  432. return {
  433. text: '[]',
  434. selection: [1, 1]
  435. };
  436. }
  437. } else if (text == ']') {
  438. initContext(editor);
  439. var cursor = editor.getCursorPosition();
  440. var line = session.doc.getLine(cursor.row);
  441. var rightChar = line.substring(cursor.column, cursor.column + 1);
  442. if (rightChar == ']') {
  443. var matching = session.$findOpeningBracket(']', {column: cursor.column + 1, row: cursor.row});
  444. if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) {
  445. CstyleBehaviour.popAutoInsertedClosing();
  446. return {
  447. text: '',
  448. selection: [1, 1]
  449. };
  450. }
  451. }
  452. }
  453. });
  454. this.add("brackets", "deletion", function(state, action, editor, session, range) {
  455. var selected = session.doc.getTextRange(range);
  456. if (!range.isMultiLine() && selected == '[') {
  457. initContext(editor);
  458. var line = session.doc.getLine(range.start.row);
  459. var rightChar = line.substring(range.start.column + 1, range.start.column + 2);
  460. if (rightChar == ']') {
  461. range.end.column++;
  462. return range;
  463. }
  464. }
  465. });
  466. this.add("string_dquotes", "insertion", function(state, action, editor, session, text) {
  467. if (text == '"' || text == "'") {
  468. initContext(editor);
  469. var quote = text;
  470. var selection = editor.getSelectionRange();
  471. var selected = session.doc.getTextRange(selection);
  472. if (selected !== "" && selected !== "'" && selected != '"' && editor.getWrapBehavioursEnabled()) {
  473. return {
  474. text: quote + selected + quote,
  475. selection: false
  476. };
  477. } else {
  478. var cursor = editor.getCursorPosition();
  479. var line = session.doc.getLine(cursor.row);
  480. var leftChar = line.substring(cursor.column-1, cursor.column);
  481. if (leftChar == '\\') {
  482. return null;
  483. }
  484. var tokens = session.getTokens(selection.start.row);
  485. var col = 0, token;
  486. var quotepos = -1; // Track whether we're inside an open quote.
  487. for (var x = 0; x < tokens.length; x++) {
  488. token = tokens[x];
  489. if (token.type == "string") {
  490. quotepos = -1;
  491. } else if (quotepos < 0) {
  492. quotepos = token.value.indexOf(quote);
  493. }
  494. if ((token.value.length + col) > selection.start.column) {
  495. break;
  496. }
  497. col += tokens[x].value.length;
  498. }
  499. if (!token || (quotepos < 0 && token.type !== "comment" && (token.type !== "string" || ((selection.start.column !== token.value.length+col-1) && token.value.lastIndexOf(quote) === token.value.length-1)))) {
  500. if (!CstyleBehaviour.isSaneInsertion(editor, session))
  501. return;
  502. return {
  503. text: quote + quote,
  504. selection: [1,1]
  505. };
  506. } else if (token && token.type === "string") {
  507. var rightChar = line.substring(cursor.column, cursor.column + 1);
  508. if (rightChar == quote) {
  509. return {
  510. text: '',
  511. selection: [1, 1]
  512. };
  513. }
  514. }
  515. }
  516. }
  517. });
  518. this.add("string_dquotes", "deletion", function(state, action, editor, session, range) {
  519. var selected = session.doc.getTextRange(range);
  520. if (!range.isMultiLine() && (selected == '"' || selected == "'")) {
  521. initContext(editor);
  522. var line = session.doc.getLine(range.start.row);
  523. var rightChar = line.substring(range.start.column + 1, range.start.column + 2);
  524. if (rightChar == selected) {
  525. range.end.column++;
  526. return range;
  527. }
  528. }
  529. });
  530. };
  531. CstyleBehaviour.isSaneInsertion = function(editor, session) {
  532. var cursor = editor.getCursorPosition();
  533. var iterator = new TokenIterator(session, cursor.row, cursor.column);
  534. if (!this.$matchTokenType(iterator.getCurrentToken() || "text", SAFE_INSERT_IN_TOKENS)) {
  535. var iterator2 = new TokenIterator(session, cursor.row, cursor.column + 1);
  536. if (!this.$matchTokenType(iterator2.getCurrentToken() || "text", SAFE_INSERT_IN_TOKENS))
  537. return false;
  538. }
  539. iterator.stepForward();
  540. return iterator.getCurrentTokenRow() !== cursor.row ||
  541. this.$matchTokenType(iterator.getCurrentToken() || "text", SAFE_INSERT_BEFORE_TOKENS);
  542. };
  543. CstyleBehaviour.$matchTokenType = function(token, types) {
  544. return types.indexOf(token.type || token) > -1;
  545. };
  546. CstyleBehaviour.recordAutoInsert = function(editor, session, bracket) {
  547. var cursor = editor.getCursorPosition();
  548. var line = session.doc.getLine(cursor.row);
  549. if (!this.isAutoInsertedClosing(cursor, line, context.autoInsertedLineEnd[0]))
  550. context.autoInsertedBrackets = 0;
  551. context.autoInsertedRow = cursor.row;
  552. context.autoInsertedLineEnd = bracket + line.substr(cursor.column);
  553. context.autoInsertedBrackets++;
  554. };
  555. CstyleBehaviour.recordMaybeInsert = function(editor, session, bracket) {
  556. var cursor = editor.getCursorPosition();
  557. var line = session.doc.getLine(cursor.row);
  558. if (!this.isMaybeInsertedClosing(cursor, line))
  559. context.maybeInsertedBrackets = 0;
  560. context.maybeInsertedRow = cursor.row;
  561. context.maybeInsertedLineStart = line.substr(0, cursor.column) + bracket;
  562. context.maybeInsertedLineEnd = line.substr(cursor.column);
  563. context.maybeInsertedBrackets++;
  564. };
  565. CstyleBehaviour.isAutoInsertedClosing = function(cursor, line, bracket) {
  566. return context.autoInsertedBrackets > 0 &&
  567. cursor.row === context.autoInsertedRow &&
  568. bracket === context.autoInsertedLineEnd[0] &&
  569. line.substr(cursor.column) === context.autoInsertedLineEnd;
  570. };
  571. CstyleBehaviour.isMaybeInsertedClosing = function(cursor, line) {
  572. return context.maybeInsertedBrackets > 0 &&
  573. cursor.row === context.maybeInsertedRow &&
  574. line.substr(cursor.column) === context.maybeInsertedLineEnd &&
  575. line.substr(0, cursor.column) == context.maybeInsertedLineStart;
  576. };
  577. CstyleBehaviour.popAutoInsertedClosing = function() {
  578. context.autoInsertedLineEnd = context.autoInsertedLineEnd.substr(1);
  579. context.autoInsertedBrackets--;
  580. };
  581. CstyleBehaviour.clearMaybeInsertedClosing = function() {
  582. if (context) {
  583. context.maybeInsertedBrackets = 0;
  584. context.maybeInsertedRow = -1;
  585. }
  586. };
  587. oop.inherits(CstyleBehaviour, Behaviour);
  588. exports.CstyleBehaviour = CstyleBehaviour;
  589. });
  590. 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) {
  591. "use strict";
  592. var oop = require("../../lib/oop");
  593. var Behaviour = require("../behaviour").Behaviour;
  594. var CstyleBehaviour = require("./cstyle").CstyleBehaviour;
  595. var TokenIterator = require("../../token_iterator").TokenIterator;
  596. var CssBehaviour = function () {
  597. this.inherit(CstyleBehaviour);
  598. this.add("colon", "insertion", function (state, action, editor, session, text) {
  599. if (text === ':') {
  600. var cursor = editor.getCursorPosition();
  601. var iterator = new TokenIterator(session, cursor.row, cursor.column);
  602. var token = iterator.getCurrentToken();
  603. if (token && token.value.match(/\s+/)) {
  604. token = iterator.stepBackward();
  605. }
  606. if (token && token.type === 'support.type') {
  607. var line = session.doc.getLine(cursor.row);
  608. var rightChar = line.substring(cursor.column, cursor.column + 1);
  609. if (rightChar === ':') {
  610. return {
  611. text: '',
  612. selection: [1, 1]
  613. }
  614. }
  615. if (!line.substring(cursor.column).match(/^\s*;/)) {
  616. return {
  617. text: ':;',
  618. selection: [1, 1]
  619. }
  620. }
  621. }
  622. }
  623. });
  624. this.add("colon", "deletion", function (state, action, editor, session, range) {
  625. var selected = session.doc.getTextRange(range);
  626. if (!range.isMultiLine() && selected === ':') {
  627. var cursor = editor.getCursorPosition();
  628. var iterator = new TokenIterator(session, cursor.row, cursor.column);
  629. var token = iterator.getCurrentToken();
  630. if (token && token.value.match(/\s+/)) {
  631. token = iterator.stepBackward();
  632. }
  633. if (token && token.type === 'support.type') {
  634. var line = session.doc.getLine(range.start.row);
  635. var rightChar = line.substring(range.end.column, range.end.column + 1);
  636. if (rightChar === ';') {
  637. range.end.column ++;
  638. return range;
  639. }
  640. }
  641. }
  642. });
  643. this.add("semicolon", "insertion", function (state, action, editor, session, text) {
  644. if (text === ';') {
  645. var cursor = editor.getCursorPosition();
  646. var line = session.doc.getLine(cursor.row);
  647. var rightChar = line.substring(cursor.column, cursor.column + 1);
  648. if (rightChar === ';') {
  649. return {
  650. text: '',
  651. selection: [1, 1]
  652. }
  653. }
  654. }
  655. });
  656. }
  657. oop.inherits(CssBehaviour, CstyleBehaviour);
  658. exports.CssBehaviour = CssBehaviour;
  659. });
  660. ace.define("ace/mode/folding/cstyle",["require","exports","module","ace/lib/oop","ace/range","ace/mode/folding/fold_mode"], function(require, exports, module) {
  661. "use strict";
  662. var oop = require("../../lib/oop");
  663. var Range = require("../../range").Range;
  664. var BaseFoldMode = require("./fold_mode").FoldMode;
  665. var FoldMode = exports.FoldMode = function(commentRegex) {
  666. if (commentRegex) {
  667. this.foldingStartMarker = new RegExp(
  668. this.foldingStartMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.start)
  669. );
  670. this.foldingStopMarker = new RegExp(
  671. this.foldingStopMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.end)
  672. );
  673. }
  674. };
  675. oop.inherits(FoldMode, BaseFoldMode);
  676. (function() {
  677. this.foldingStartMarker = /(\{|\[)[^\}\]]*$|^\s*(\/\*)/;
  678. this.foldingStopMarker = /^[^\[\{]*(\}|\])|^[\s\*]*(\*\/)/;
  679. this.getFoldWidgetRange = function(session, foldStyle, row, forceMultiline) {
  680. var line = session.getLine(row);
  681. var match = line.match(this.foldingStartMarker);
  682. if (match) {
  683. var i = match.index;
  684. if (match[1])
  685. return this.openingBracketBlock(session, match[1], row, i);
  686. var range = session.getCommentFoldRange(row, i + match[0].length, 1);
  687. if (range && !range.isMultiLine()) {
  688. if (forceMultiline) {
  689. range = this.getSectionRange(session, row);
  690. } else if (foldStyle != "all")
  691. range = null;
  692. }
  693. return range;
  694. }
  695. if (foldStyle === "markbegin")
  696. return;
  697. var match = line.match(this.foldingStopMarker);
  698. if (match) {
  699. var i = match.index + match[0].length;
  700. if (match[1])
  701. return this.closingBracketBlock(session, match[1], row, i);
  702. return session.getCommentFoldRange(row, i, -1);
  703. }
  704. };
  705. this.getSectionRange = function(session, row) {
  706. var line = session.getLine(row);
  707. var startIndent = line.search(/\S/);
  708. var startRow = row;
  709. var startColumn = line.length;
  710. row = row + 1;
  711. var endRow = row;
  712. var maxRow = session.getLength();
  713. while (++row < maxRow) {
  714. line = session.getLine(row);
  715. var indent = line.search(/\S/);
  716. if (indent === -1)
  717. continue;
  718. if (startIndent > indent)
  719. break;
  720. var subRange = this.getFoldWidgetRange(session, "all", row);
  721. if (subRange) {
  722. if (subRange.start.row <= startRow) {
  723. break;
  724. } else if (subRange.isMultiLine()) {
  725. row = subRange.end.row;
  726. } else if (startIndent == indent) {
  727. break;
  728. }
  729. }
  730. endRow = row;
  731. }
  732. return new Range(startRow, startColumn, endRow, session.getLine(endRow).length);
  733. };
  734. }).call(FoldMode.prototype);
  735. });
  736. 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"], function(require, exports, module) {
  737. "use strict";
  738. var oop = require("../lib/oop");
  739. var TextMode = require("./text").Mode;
  740. var ScssHighlightRules = require("./scss_highlight_rules").ScssHighlightRules;
  741. var MatchingBraceOutdent = require("./matching_brace_outdent").MatchingBraceOutdent;
  742. var CssBehaviour = require("./behaviour/css").CssBehaviour;
  743. var CStyleFoldMode = require("./folding/cstyle").FoldMode;
  744. var Mode = function() {
  745. this.HighlightRules = ScssHighlightRules;
  746. this.$outdent = new MatchingBraceOutdent();
  747. this.$behaviour = new CssBehaviour();
  748. this.foldingRules = new CStyleFoldMode();
  749. };
  750. oop.inherits(Mode, TextMode);
  751. (function() {
  752. this.lineCommentStart = "//";
  753. this.blockComment = {start: "/*", end: "*/"};
  754. this.getNextLineIndent = function(state, line, tab) {
  755. var indent = this.$getIndent(line);
  756. var tokens = this.getTokenizer().getLineTokens(line, state).tokens;
  757. if (tokens.length && tokens[tokens.length-1].type == "comment") {
  758. return indent;
  759. }
  760. var match = line.match(/^.*\{\s*$/);
  761. if (match) {
  762. indent += tab;
  763. }
  764. return indent;
  765. };
  766. this.checkOutdent = function(state, line, input) {
  767. return this.$outdent.checkOutdent(line, input);
  768. };
  769. this.autoOutdent = function(state, doc, row) {
  770. this.$outdent.autoOutdent(doc, row);
  771. };
  772. this.$id = "ace/mode/scss";
  773. }).call(Mode.prototype);
  774. exports.Mode = Mode;
  775. });