commit
ed6f3caf55
@ -0,0 +1,80 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1"> |
||||
<title>Solidity realtime compiler</title> |
||||
<link rel="stylesheet" href="stylesheets/styles.css"> |
||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> |
||||
<style type="text/css"> |
||||
body { |
||||
padding: 0px; |
||||
font-size: 12px; |
||||
} |
||||
#input { |
||||
position: absolute; |
||||
top: 120px; |
||||
left: 0px; |
||||
width: 500px; |
||||
bottom: 0px; |
||||
font-size: 15px; |
||||
} |
||||
#output { |
||||
position: absolute; |
||||
top: 120px; |
||||
left: 520px; |
||||
right: 0px; |
||||
bottom: 0px; |
||||
font-size: 15px; |
||||
} |
||||
</style> |
||||
<script src="libs/ace.js"></script> |
||||
<script src="mode-solidity.js"></script> |
||||
<script src="soljs.js"></script> |
||||
</head> |
||||
<body> |
||||
<h1>Solidity realtime compiler</h1> |
||||
Source code on the left, compiled code and AST on the right (or error). |
||||
|
||||
<div id="input">contract ExampleContract |
||||
{ |
||||
function fun() |
||||
{ |
||||
var x = 2 + 3 - 8 != 9 && true == false; |
||||
} |
||||
} |
||||
</div> |
||||
<pre id="output"></pre> |
||||
|
||||
<div style="height: 100px;"></div> |
||||
<p><small>Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p> |
||||
|
||||
<script> |
||||
var editor = ace.edit("input"); |
||||
editor.setTheme("ace/theme/monokai"); |
||||
editor.getSession().setMode("ace/mode/javascript"); |
||||
editor.getSession().setTabSize(4); |
||||
editor.getSession().setUseSoftTabs(true); |
||||
|
||||
var compileString = Module.cwrap("compileString", "string", ["string"]); |
||||
var previousInput = ''; |
||||
var outputArea = document.querySelector('#output'); |
||||
var onChange = function() { |
||||
var input = editor.getValue(); |
||||
if (input == previousInput) |
||||
return; |
||||
previousInput = input; |
||||
try { |
||||
outputArea.innerHTML = compileString(input); |
||||
} catch (exception) { |
||||
outputArea.innerHTML = "Uncaught JavaScript Exception:\n" + exception; |
||||
} |
||||
}; |
||||
|
||||
editor.getSession().on('change', onChange); |
||||
|
||||
onChange(); |
||||
</script> |
||||
</body> |
||||
</html> |
@ -0,0 +1,970 @@ |
||||
ace.define("ace/mode/doc_comment_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/text_highlight_rules"], function(require, exports, module) { |
||||
"use strict"; |
||||
|
||||
var oop = require("../lib/oop"); |
||||
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules; |
||||
|
||||
var DocCommentHighlightRules = function() { |
||||
this.$rules = { |
||||
"start" : [ { |
||||
token : "comment.doc.tag", |
||||
regex : "@[\\w\\d_]+" // TODO: fix email addresses
|
||||
},
|
||||
DocCommentHighlightRules.getTagRule(), |
||||
{ |
||||
defaultToken : "comment.doc", |
||||
caseInsensitive: true |
||||
}] |
||||
}; |
||||
}; |
||||
|
||||
oop.inherits(DocCommentHighlightRules, TextHighlightRules); |
||||
|
||||
DocCommentHighlightRules.getTagRule = function(start) { |
||||
return { |
||||
token : "comment.doc.tag.storage.type", |
||||
regex : "\\b(?:TODO|FIXME|XXX|HACK)\\b" |
||||
}; |
||||
} |
||||
|
||||
DocCommentHighlightRules.getStartRule = function(start) { |
||||
return { |
||||
token : "comment.doc", // doc comment
|
||||
regex : "\\/\\*(?=\\*)", |
||||
next : start |
||||
}; |
||||
}; |
||||
|
||||
DocCommentHighlightRules.getEndRule = function (start) { |
||||
return { |
||||
token : "comment.doc", // closing comment
|
||||
regex : "\\*\\/", |
||||
next : start |
||||
}; |
||||
}; |
||||
|
||||
|
||||
exports.DocCommentHighlightRules = DocCommentHighlightRules; |
||||
|
||||
}); |
||||
|
||||
ace.define("ace/mode/javascript_highlight_rules",["require","exports","module","ace/lib/oop","ace/mode/doc_comment_highlight_rules","ace/mode/text_highlight_rules"], function(require, exports, module) { |
||||
"use strict"; |
||||
|
||||
var oop = require("../lib/oop"); |
||||
var DocCommentHighlightRules = require("./doc_comment_highlight_rules").DocCommentHighlightRules; |
||||
var TextHighlightRules = require("./text_highlight_rules").TextHighlightRules; |
||||
|
||||
var JavaScriptHighlightRules = function(options) { |
||||
var intTypes = 'hash|int|uint'; |
||||
for (var width = 8; width <= 256; width += 8) |
||||
intTypes += '|hash' + width + '|uint' + width + '|int' + width; |
||||
var keywordMapper = this.createKeywordMapper({ |
||||
"variable.language": |
||||
"this|bool|address|" + intTypes, |
||||
"keyword": |
||||
"contract|const|" + |
||||
"struct|mapping|break|continue|delete|else|for|function|" + |
||||
"if|new|return|returns|var|while|" + |
||||
"private|public", |
||||
"storage.type": |
||||
"const|var|function", |
||||
"constant.language.boolean": "true|false" |
||||
}, "identifier"); |
||||
var kwBeforeRe = "case|do|else|finally|in|instanceof|return|throw|try|typeof|yield|void"; |
||||
var identifierRe = "[a-zA-Z\\$_\u00a1-\uffff][a-zA-Z\\d\\$_\u00a1-\uffff]*\\b"; |
||||
|
||||
var escapedRe = "\\\\(?:x[0-9a-fA-F]{2}|" + // hex
|
||||
"u[0-9a-fA-F]{4}|" + // unicode
|
||||
"[0-2][0-7]{0,2}|" + // oct
|
||||
"3[0-6][0-7]?|" + // oct
|
||||
"37[0-7]?|" + // oct
|
||||
"[4-7][0-7]?|" + //oct
|
||||
".)"; |
||||
|
||||
this.$rules = { |
||||
"no_regex" : [ |
||||
{ |
||||
token : "comment", |
||||
regex : "\\/\\/", |
||||
next : "line_comment" |
||||
}, |
||||
DocCommentHighlightRules.getStartRule("doc-start"), |
||||
{ |
||||
token : "comment", // multi line comment
|
||||
regex : /\/\*/, |
||||
next : "comment" |
||||
}, { |
||||
token : "string", |
||||
regex : "'(?=.)", |
||||
next : "qstring" |
||||
}, { |
||||
token : "string", |
||||
regex : '"(?=.)', |
||||
next : "qqstring" |
||||
}, { |
||||
token : "constant.numeric", // hex
|
||||
regex : /0[xX][0-9a-fA-F]+\b/ |
||||
}, { |
||||
token : "constant.numeric", // float
|
||||
regex : /[+-]?\d+(?:(?:\.\d*)?(?:[eE][+-]?\d+)?)?\b/ |
||||
}, { |
||||
token : [ |
||||
"storage.type", "punctuation.operator", "support.function", |
||||
"punctuation.operator", "entity.name.function", "text","keyword.operator" |
||||
], |
||||
regex : "(" + identifierRe + ")(\\.)(prototype)(\\.)(" + identifierRe +")(\\s*)(=)", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"storage.type", "punctuation.operator", "entity.name.function", "text", |
||||
"keyword.operator", "text", "storage.type", "text", "paren.lparen" |
||||
], |
||||
regex : "(" + identifierRe + ")(\\.)(" + identifierRe +")(\\s*)(=)(\\s*)(function)(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"entity.name.function", "text", "keyword.operator", "text", "storage.type", |
||||
"text", "paren.lparen" |
||||
], |
||||
regex : "(" + identifierRe +")(\\s*)(=)(\\s*)(function)(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"storage.type", "punctuation.operator", "entity.name.function", "text", |
||||
"keyword.operator", "text", |
||||
"storage.type", "text", "entity.name.function", "text", "paren.lparen" |
||||
], |
||||
regex : "(" + identifierRe + ")(\\.)(" + identifierRe +")(\\s*)(=)(\\s*)(function)(\\s+)(\\w+)(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"storage.type", "text", "entity.name.function", "text", "paren.lparen" |
||||
], |
||||
regex : "(function)(\\s+)(" + identifierRe + ")(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"entity.name.function", "text", "punctuation.operator", |
||||
"text", "storage.type", "text", "paren.lparen" |
||||
], |
||||
regex : "(" + identifierRe + ")(\\s*)(:)(\\s*)(function)(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : [ |
||||
"text", "text", "storage.type", "text", "paren.lparen" |
||||
], |
||||
regex : "(:)(\\s*)(function)(\\s*)(\\()", |
||||
next: "function_arguments" |
||||
}, { |
||||
token : "keyword", |
||||
regex : "(?:" + kwBeforeRe + ")\\b", |
||||
next : "start" |
||||
}, { |
||||
token : ["punctuation.operator", "support.function"], |
||||
regex : /(\.)(s(?:h(?:ift|ow(?:Mod(?:elessDialog|alDialog)|Help))|croll(?:X|By(?:Pages|Lines)?|Y|To)?|t(?:op|rike)|i(?:n|zeToContent|debar|gnText)|ort|u(?:p|b(?:str(?:ing)?)?)|pli(?:ce|t)|e(?:nd|t(?:Re(?:sizable|questHeader)|M(?:i(?:nutes|lliseconds)|onth)|Seconds|Ho(?:tKeys|urs)|Year|Cursor|Time(?:out)?|Interval|ZOptions|Date|UTC(?:M(?:i(?:nutes|lliseconds)|onth)|Seconds|Hours|Date|FullYear)|FullYear|Active)|arch)|qrt|lice|avePreferences|mall)|h(?:ome|andleEvent)|navigate|c(?:har(?:CodeAt|At)|o(?:s|n(?:cat|textual|firm)|mpile)|eil|lear(?:Timeout|Interval)?|a(?:ptureEvents|ll)|reate(?:StyleSheet|Popup|EventObject))|t(?:o(?:GMTString|S(?:tring|ource)|U(?:TCString|pperCase)|Lo(?:caleString|werCase))|est|a(?:n|int(?:Enabled)?))|i(?:s(?:NaN|Finite)|ndexOf|talics)|d(?:isableExternalCapture|ump|etachEvent)|u(?:n(?:shift|taint|escape|watch)|pdateCommands)|j(?:oin|avaEnabled)|p(?:o(?:p|w)|ush|lugins.refresh|a(?:ddings|rse(?:Int|Float)?)|r(?:int|ompt|eference))|e(?:scape|nableExternalCapture|val|lementFromPoint|x(?:p|ec(?:Script|Command)?))|valueOf|UTC|queryCommand(?:State|Indeterm|Enabled|Value)|f(?:i(?:nd|le(?:ModifiedDate|Size|CreatedDate|UpdatedDate)|xed)|o(?:nt(?:size|color)|rward)|loor|romCharCode)|watch|l(?:ink|o(?:ad|g)|astIndexOf)|a(?:sin|nchor|cos|t(?:tachEvent|ob|an(?:2)?)|pply|lert|b(?:s|ort))|r(?:ou(?:nd|teEvents)|e(?:size(?:By|To)|calc|turnValue|place|verse|l(?:oad|ease(?:Capture|Events)))|andom)|g(?:o|et(?:ResponseHeader|M(?:i(?:nutes|lliseconds)|onth)|Se(?:conds|lection)|Hours|Year|Time(?:zoneOffset)?|Da(?:y|te)|UTC(?:M(?:i(?:nutes|lliseconds)|onth)|Seconds|Hours|Da(?:y|te)|FullYear)|FullYear|A(?:ttention|llResponseHeaders)))|m(?:in|ove(?:B(?:y|elow)|To(?:Absolute)?|Above)|ergeAttributes|a(?:tch|rgins|x))|b(?:toa|ig|o(?:ld|rderWidths)|link|ack))\b(?=\()/ |
||||
}, { |
||||
token : ["punctuation.operator", "support.function.dom"], |
||||
regex : /(\.)(s(?:ub(?:stringData|mit)|plitText|e(?:t(?:NamedItem|Attribute(?:Node)?)|lect))|has(?:ChildNodes|Feature)|namedItem|c(?:l(?:ick|o(?:se|neNode))|reate(?:C(?:omment|DATASection|aption)|T(?:Head|extNode|Foot)|DocumentFragment|ProcessingInstruction|E(?:ntityReference|lement)|Attribute))|tabIndex|i(?:nsert(?:Row|Before|Cell|Data)|tem)|open|delete(?:Row|C(?:ell|aption)|T(?:Head|Foot)|Data)|focus|write(?:ln)?|a(?:dd|ppend(?:Child|Data))|re(?:set|place(?:Child|Data)|move(?:NamedItem|Child|Attribute(?:Node)?)?)|get(?:NamedItem|Element(?:sBy(?:Name|TagName)|ById)|Attribute(?:Node)?)|blur)\b(?=\()/ |
||||
}, { |
||||
token : ["punctuation.operator", "support.constant"], |
||||
regex : /(\.)(s(?:ystemLanguage|cr(?:ipts|ollbars|een(?:X|Y|Top|Left))|t(?:yle(?:Sheets)?|atus(?:Text|bar)?)|ibling(?:Below|Above)|ource|uffixes|e(?:curity(?:Policy)?|l(?:ection|f)))|h(?:istory|ost(?:name)?|as(?:h|Focus))|y|X(?:MLDocument|SLDocument)|n(?:ext|ame(?:space(?:s|URI)|Prop))|M(?:IN_VALUE|AX_VALUE)|c(?:haracterSet|o(?:n(?:structor|trollers)|okieEnabled|lorDepth|mp(?:onents|lete))|urrent|puClass|l(?:i(?:p(?:boardData)?|entInformation)|osed|asses)|alle(?:e|r)|rypto)|t(?:o(?:olbar|p)|ext(?:Transform|Indent|Decoration|Align)|ags)|SQRT(?:1_2|2)|i(?:n(?:ner(?:Height|Width)|put)|ds|gnoreCase)|zIndex|o(?:scpu|n(?:readystatechange|Line)|uter(?:Height|Width)|p(?:sProfile|ener)|ffscreenBuffering)|NEGATIVE_INFINITY|d(?:i(?:splay|alog(?:Height|Top|Width|Left|Arguments)|rectories)|e(?:scription|fault(?:Status|Ch(?:ecked|arset)|View)))|u(?:ser(?:Profile|Language|Agent)|n(?:iqueID|defined)|pdateInterval)|_content|p(?:ixelDepth|ort|ersonalbar|kcs11|l(?:ugins|atform)|a(?:thname|dding(?:Right|Bottom|Top|Left)|rent(?:Window|Layer)?|ge(?:X(?:Offset)?|Y(?:Offset)?))|r(?:o(?:to(?:col|type)|duct(?:Sub)?|mpter)|e(?:vious|fix)))|e(?:n(?:coding|abledPlugin)|x(?:ternal|pando)|mbeds)|v(?:isibility|endor(?:Sub)?|Linkcolor)|URLUnencoded|P(?:I|OSITIVE_INFINITY)|f(?:ilename|o(?:nt(?:Size|Family|Weight)|rmName)|rame(?:s|Element)|gColor)|E|whiteSpace|l(?:i(?:stStyleType|n(?:eHeight|kColor))|o(?:ca(?:tion(?:bar)?|lName)|wsrc)|e(?:ngth|ft(?:Context)?)|a(?:st(?:M(?:odified|atch)|Index|Paren)|yer(?:s|X)|nguage))|a(?:pp(?:MinorVersion|Name|Co(?:deName|re)|Version)|vail(?:Height|Top|Width|Left)|ll|r(?:ity|guments)|Linkcolor|bove)|r(?:ight(?:Context)?|e(?:sponse(?:XML|Text)|adyState))|global|x|m(?:imeTypes|ultiline|enubar|argin(?:Right|Bottom|Top|Left))|L(?:N(?:10|2)|OG(?:10E|2E))|b(?:o(?:ttom|rder(?:Width|RightWidth|BottomWidth|Style|Color|TopWidth|LeftWidth))|ufferDepth|elow|ackground(?:Color|Image)))\b/ |
||||
}, { |
||||
token : ["support.constant"], |
||||
regex : /that\b/ |
||||
}, { |
||||
token : ["storage.type", "punctuation.operator", "support.function.firebug"], |
||||
regex : /(console)(\.)(warn|info|log|error|time|trace|timeEnd|assert)\b/ |
||||
}, { |
||||
token : keywordMapper, |
||||
regex : identifierRe |
||||
}, { |
||||
token : "keyword.operator", |
||||
regex : /--|\+\+|===|==|=|!=|!==|=>|<=|>=|<<=|>>=|>>>=|<>|<|>|!|&&|\|\||\?\:|[!$%&*+\-~\/^]=?/, |
||||
next : "start" |
||||
}, { |
||||
token : "punctuation.operator", |
||||
regex : /[?:,;.]/, |
||||
next : "start" |
||||
}, { |
||||
token : "paren.lparen", |
||||
regex : /[\[({]/, |
||||
next : "start" |
||||
}, { |
||||
token : "paren.rparen", |
||||
regex : /[\])}]/ |
||||
}, { |
||||
token: "comment", |
||||
regex: /^#!.*$/ |
||||
} |
||||
], |
||||
"start": [ |
||||
DocCommentHighlightRules.getStartRule("doc-start"), |
||||
{ |
||||
token : "comment", // multi line comment
|
||||
regex : "\\/\\*", |
||||
next : "comment_regex_allowed" |
||||
}, { |
||||
token : "comment", |
||||
regex : "\\/\\/", |
||||
next : "line_comment_regex_allowed" |
||||
}, { |
||||
token: "string.regexp", |
||||
regex: "\\/", |
||||
next: "regex" |
||||
}, { |
||||
token : "text", |
||||
regex : "\\s+|^$", |
||||
next : "start" |
||||
}, { |
||||
token: "empty", |
||||
regex: "", |
||||
next: "no_regex" |
||||
} |
||||
], |
||||
"regex": [ |
||||
{ |
||||
token: "regexp.keyword.operator", |
||||
regex: "\\\\(?:u[\\da-fA-F]{4}|x[\\da-fA-F]{2}|.)" |
||||
}, { |
||||
token: "string.regexp", |
||||
regex: "/[sxngimy]*", |
||||
next: "no_regex" |
||||
}, { |
||||
token : "invalid", |
||||
regex: /\{\d+\b,?\d*\}[+*]|[+*$^?][+*]|[$^][?]|\?{3,}/ |
||||
}, { |
||||
token : "constant.language.escape", |
||||
regex: /\(\?[:=!]|\)|\{\d+\b,?\d*\}|[+*]\?|[()$^+*?.]/ |
||||
}, { |
||||
token : "constant.language.delimiter", |
||||
regex: /\|/ |
||||
}, { |
||||
token: "constant.language.escape", |
||||
regex: /\[\^?/, |
||||
next: "regex_character_class" |
||||
}, { |
||||
token: "empty", |
||||
regex: "$", |
||||
next: "no_regex" |
||||
}, { |
||||
defaultToken: "string.regexp" |
||||
} |
||||
], |
||||
"regex_character_class": [ |
||||
{ |
||||
token: "regexp.charclass.keyword.operator", |
||||
regex: "\\\\(?:u[\\da-fA-F]{4}|x[\\da-fA-F]{2}|.)" |
||||
}, { |
||||
token: "constant.language.escape", |
||||
regex: "]", |
||||
next: "regex" |
||||
}, { |
||||
token: "constant.language.escape", |
||||
regex: "-" |
||||
}, { |
||||
token: "empty", |
||||
regex: "$", |
||||
next: "no_regex" |
||||
}, { |
||||
defaultToken: "string.regexp.charachterclass" |
||||
} |
||||
], |
||||
"function_arguments": [ |
||||
{ |
||||
token: "variable.parameter", |
||||
regex: identifierRe |
||||
}, { |
||||
token: "punctuation.operator", |
||||
regex: "[, ]+" |
||||
}, { |
||||
token: "punctuation.operator", |
||||
regex: "$" |
||||
}, { |
||||
token: "empty", |
||||
regex: "", |
||||
next: "no_regex" |
||||
} |
||||
], |
||||
"comment_regex_allowed" : [ |
||||
DocCommentHighlightRules.getTagRule(), |
||||
{token : "comment", regex : "\\*\\/", next : "start"}, |
||||
{defaultToken : "comment", caseInsensitive: true} |
||||
], |
||||
"comment" : [ |
||||
DocCommentHighlightRules.getTagRule(), |
||||
{token : "comment", regex : "\\*\\/", next : "no_regex"}, |
||||
{defaultToken : "comment", caseInsensitive: true} |
||||
], |
||||
"line_comment_regex_allowed" : [ |
||||
DocCommentHighlightRules.getTagRule(), |
||||
{token : "comment", regex : "$|^", next : "start"}, |
||||
{defaultToken : "comment", caseInsensitive: true} |
||||
], |
||||
"line_comment" : [ |
||||
DocCommentHighlightRules.getTagRule(), |
||||
{token : "comment", regex : "$|^", next : "no_regex"}, |
||||
{defaultToken : "comment", caseInsensitive: true} |
||||
], |
||||
"qqstring" : [ |
||||
{ |
||||
token : "constant.language.escape", |
||||
regex : escapedRe |
||||
}, { |
||||
token : "string", |
||||
regex : "\\\\$", |
||||
next : "qqstring" |
||||
}, { |
||||
token : "string", |
||||
regex : '"|$', |
||||
next : "no_regex" |
||||
}, { |
||||
defaultToken: "string" |
||||
} |
||||
], |
||||
"qstring" : [ |
||||
{ |
||||
token : "constant.language.escape", |
||||
regex : escapedRe |
||||
}, { |
||||
token : "string", |
||||
regex : "\\\\$", |
||||
next : "qstring" |
||||
}, { |
||||
token : "string", |
||||
regex : "'|$", |
||||
next : "no_regex" |
||||
}, { |
||||
defaultToken: "string" |
||||
} |
||||
] |
||||
}; |
||||
|
||||
|
||||
if (!options || !options.noES6) { |
||||
this.$rules.no_regex.unshift({ |
||||
regex: "[{}]", onMatch: function(val, state, stack) { |
||||
this.next = val == "{" ? this.nextState : ""; |
||||
if (val == "{" && stack.length) { |
||||
stack.unshift("start", state); |
||||
return "paren"; |
||||
} |
||||
if (val == "}" && stack.length) { |
||||
stack.shift(); |
||||
this.next = stack.shift(); |
||||
if (this.next.indexOf("string") != -1) |
||||
return "paren.quasi.end"; |
||||
} |
||||
return val == "{" ? "paren.lparen" : "paren.rparen"; |
||||
}, |
||||
nextState: "start" |
||||
}, { |
||||
token : "string.quasi.start", |
||||
regex : /`/, |
||||
push : [{ |
||||
token : "constant.language.escape", |
||||
regex : escapedRe |
||||
}, { |
||||
token : "paren.quasi.start", |
||||
regex : /\${/, |
||||
push : "start" |
||||
}, { |
||||
token : "string.quasi.end", |
||||
regex : /`/, |
||||
next : "pop" |
||||
}, { |
||||
defaultToken: "string.quasi" |
||||
}] |
||||
}); |
||||
} |
||||
|
||||
this.embedRules(DocCommentHighlightRules, "doc-", |
||||
[ DocCommentHighlightRules.getEndRule("no_regex") ]); |
||||
|
||||
this.normalizeRules(); |
||||
}; |
||||
|
||||
oop.inherits(JavaScriptHighlightRules, TextHighlightRules); |
||||
|
||||
exports.JavaScriptHighlightRules = JavaScriptHighlightRules; |
||||
}); |
||||
|
||||
ace.define("ace/mode/matching_brace_outdent",["require","exports","module","ace/range"], function(require, exports, module) { |
||||
"use strict"; |
||||
|
||||
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) { |
||||
return line.match(/^\s*/)[0]; |
||||
}; |
||||
|
||||
}).call(MatchingBraceOutdent.prototype); |
||||
|
||||
exports.MatchingBraceOutdent = MatchingBraceOutdent; |
||||
}); |
||||
|
||||
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) { |
||||
"use strict"; |
||||
|
||||
var oop = require("../../lib/oop"); |
||||
var Behaviour = require("../behaviour").Behaviour; |
||||
var TokenIterator = require("../../token_iterator").TokenIterator; |
||||
var lang = require("../../lib/lang"); |
||||
|
||||
var SAFE_INSERT_IN_TOKENS = |
||||
["text", "paren.rparen", "punctuation.operator"]; |
||||
var SAFE_INSERT_BEFORE_TOKENS = |
||||
["text", "paren.rparen", "punctuation.operator", "comment"]; |
||||
|
||||
var context; |
||||
var contextCache = {}; |
||||
var initContext = function(editor) { |
||||
var id = -1; |
||||
if (editor.multiSelect) { |
||||
id = editor.selection.index; |
||||
if (contextCache.rangeCount != editor.multiSelect.rangeCount) |
||||
contextCache = {rangeCount: editor.multiSelect.rangeCount}; |
||||
} |
||||
if (contextCache[id]) |
||||
return context = contextCache[id]; |
||||
context = contextCache[id] = { |
||||
autoInsertedBrackets: 0, |
||||
autoInsertedRow: -1, |
||||
autoInsertedLineEnd: "", |
||||
maybeInsertedBrackets: 0, |
||||
maybeInsertedRow: -1, |
||||
maybeInsertedLineStart: "", |
||||
maybeInsertedLineEnd: "" |
||||
}; |
||||
}; |
||||
|
||||
var CstyleBehaviour = function() { |
||||
this.add("braces", "insertion", function(state, action, editor, session, text) { |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
if (text == '{') { |
||||
initContext(editor); |
||||
var selection = editor.getSelectionRange(); |
||||
var selected = session.doc.getTextRange(selection); |
||||
if (selected !== "" && selected !== "{" && editor.getWrapBehavioursEnabled()) { |
||||
return { |
||||
text: '{' + selected + '}', |
||||
selection: false |
||||
}; |
||||
} else if (CstyleBehaviour.isSaneInsertion(editor, session)) { |
||||
if (/[\]\}\)]/.test(line[cursor.column]) || editor.inMultiSelectMode) { |
||||
CstyleBehaviour.recordAutoInsert(editor, session, "}"); |
||||
return { |
||||
text: '{}', |
||||
selection: [1, 1] |
||||
}; |
||||
} else { |
||||
CstyleBehaviour.recordMaybeInsert(editor, session, "{"); |
||||
return { |
||||
text: '{', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} |
||||
} else if (text == '}') { |
||||
initContext(editor); |
||||
var rightChar = line.substring(cursor.column, cursor.column + 1); |
||||
if (rightChar == '}') { |
||||
var matching = session.$findOpeningBracket('}', {column: cursor.column + 1, row: cursor.row}); |
||||
if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) { |
||||
CstyleBehaviour.popAutoInsertedClosing(); |
||||
return { |
||||
text: '', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} |
||||
} else if (text == "\n" || text == "\r\n") { |
||||
initContext(editor); |
||||
var closing = ""; |
||||
if (CstyleBehaviour.isMaybeInsertedClosing(cursor, line)) { |
||||
closing = lang.stringRepeat("}", context.maybeInsertedBrackets); |
||||
CstyleBehaviour.clearMaybeInsertedClosing(); |
||||
} |
||||
var rightChar = line.substring(cursor.column, cursor.column + 1); |
||||
if (rightChar === '}') { |
||||
var openBracePos = session.findMatchingBracket({row: cursor.row, column: cursor.column+1}, '}'); |
||||
if (!openBracePos) |
||||
return null; |
||||
var next_indent = this.$getIndent(session.getLine(openBracePos.row)); |
||||
} else if (closing) { |
||||
var next_indent = this.$getIndent(line); |
||||
} else { |
||||
CstyleBehaviour.clearMaybeInsertedClosing(); |
||||
return; |
||||
} |
||||
var indent = next_indent + session.getTabString(); |
||||
|
||||
return { |
||||
text: '\n' + indent + '\n' + next_indent + closing, |
||||
selection: [1, indent.length, 1, indent.length] |
||||
}; |
||||
} else { |
||||
CstyleBehaviour.clearMaybeInsertedClosing(); |
||||
} |
||||
}); |
||||
|
||||
this.add("braces", "deletion", function(state, action, editor, session, range) { |
||||
var selected = session.doc.getTextRange(range); |
||||
if (!range.isMultiLine() && selected == '{') { |
||||
initContext(editor); |
||||
var line = session.doc.getLine(range.start.row); |
||||
var rightChar = line.substring(range.end.column, range.end.column + 1); |
||||
if (rightChar == '}') { |
||||
range.end.column++; |
||||
return range; |
||||
} else { |
||||
context.maybeInsertedBrackets--; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("parens", "insertion", function(state, action, editor, session, text) { |
||||
if (text == '(') { |
||||
initContext(editor); |
||||
var selection = editor.getSelectionRange(); |
||||
var selected = session.doc.getTextRange(selection); |
||||
if (selected !== "" && editor.getWrapBehavioursEnabled()) { |
||||
return { |
||||
text: '(' + selected + ')', |
||||
selection: false |
||||
}; |
||||
} else if (CstyleBehaviour.isSaneInsertion(editor, session)) { |
||||
CstyleBehaviour.recordAutoInsert(editor, session, ")"); |
||||
return { |
||||
text: '()', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} else if (text == ')') { |
||||
initContext(editor); |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
var rightChar = line.substring(cursor.column, cursor.column + 1); |
||||
if (rightChar == ')') { |
||||
var matching = session.$findOpeningBracket(')', {column: cursor.column + 1, row: cursor.row}); |
||||
if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) { |
||||
CstyleBehaviour.popAutoInsertedClosing(); |
||||
return { |
||||
text: '', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("parens", "deletion", function(state, action, editor, session, range) { |
||||
var selected = session.doc.getTextRange(range); |
||||
if (!range.isMultiLine() && selected == '(') { |
||||
initContext(editor); |
||||
var line = session.doc.getLine(range.start.row); |
||||
var rightChar = line.substring(range.start.column + 1, range.start.column + 2); |
||||
if (rightChar == ')') { |
||||
range.end.column++; |
||||
return range; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("brackets", "insertion", function(state, action, editor, session, text) { |
||||
if (text == '[') { |
||||
initContext(editor); |
||||
var selection = editor.getSelectionRange(); |
||||
var selected = session.doc.getTextRange(selection); |
||||
if (selected !== "" && editor.getWrapBehavioursEnabled()) { |
||||
return { |
||||
text: '[' + selected + ']', |
||||
selection: false |
||||
}; |
||||
} else if (CstyleBehaviour.isSaneInsertion(editor, session)) { |
||||
CstyleBehaviour.recordAutoInsert(editor, session, "]"); |
||||
return { |
||||
text: '[]', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} else if (text == ']') { |
||||
initContext(editor); |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
var rightChar = line.substring(cursor.column, cursor.column + 1); |
||||
if (rightChar == ']') { |
||||
var matching = session.$findOpeningBracket(']', {column: cursor.column + 1, row: cursor.row}); |
||||
if (matching !== null && CstyleBehaviour.isAutoInsertedClosing(cursor, line, text)) { |
||||
CstyleBehaviour.popAutoInsertedClosing(); |
||||
return { |
||||
text: '', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("brackets", "deletion", function(state, action, editor, session, range) { |
||||
var selected = session.doc.getTextRange(range); |
||||
if (!range.isMultiLine() && selected == '[') { |
||||
initContext(editor); |
||||
var line = session.doc.getLine(range.start.row); |
||||
var rightChar = line.substring(range.start.column + 1, range.start.column + 2); |
||||
if (rightChar == ']') { |
||||
range.end.column++; |
||||
return range; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("string_dquotes", "insertion", function(state, action, editor, session, text) { |
||||
if (text == '"' || text == "'") { |
||||
initContext(editor); |
||||
var quote = text; |
||||
var selection = editor.getSelectionRange(); |
||||
var selected = session.doc.getTextRange(selection); |
||||
if (selected !== "" && selected !== "'" && selected != '"' && editor.getWrapBehavioursEnabled()) { |
||||
return { |
||||
text: quote + selected + quote, |
||||
selection: false |
||||
}; |
||||
} else { |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
var leftChar = line.substring(cursor.column-1, cursor.column); |
||||
if (leftChar == '\\') { |
||||
return null; |
||||
} |
||||
var tokens = session.getTokens(selection.start.row); |
||||
var col = 0, token; |
||||
var quotepos = -1; // Track whether we're inside an open quote.
|
||||
|
||||
for (var x = 0; x < tokens.length; x++) { |
||||
token = tokens[x]; |
||||
if (token.type == "string") { |
||||
quotepos = -1; |
||||
} else if (quotepos < 0) { |
||||
quotepos = token.value.indexOf(quote); |
||||
} |
||||
if ((token.value.length + col) > selection.start.column) { |
||||
break; |
||||
} |
||||
col += tokens[x].value.length; |
||||
} |
||||
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)))) { |
||||
if (!CstyleBehaviour.isSaneInsertion(editor, session)) |
||||
return; |
||||
return { |
||||
text: quote + quote, |
||||
selection: [1,1] |
||||
}; |
||||
} else if (token && token.type === "string") { |
||||
var rightChar = line.substring(cursor.column, cursor.column + 1); |
||||
if (rightChar == quote) { |
||||
return { |
||||
text: '', |
||||
selection: [1, 1] |
||||
}; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
|
||||
this.add("string_dquotes", "deletion", function(state, action, editor, session, range) { |
||||
var selected = session.doc.getTextRange(range); |
||||
if (!range.isMultiLine() && (selected == '"' || selected == "'")) { |
||||
initContext(editor); |
||||
var line = session.doc.getLine(range.start.row); |
||||
var rightChar = line.substring(range.start.column + 1, range.start.column + 2); |
||||
if (rightChar == selected) { |
||||
range.end.column++; |
||||
return range; |
||||
} |
||||
} |
||||
}); |
||||
|
||||
}; |
||||
|
||||
|
||||
CstyleBehaviour.isSaneInsertion = function(editor, session) { |
||||
var cursor = editor.getCursorPosition(); |
||||
var iterator = new TokenIterator(session, cursor.row, cursor.column); |
||||
if (!this.$matchTokenType(iterator.getCurrentToken() || "text", SAFE_INSERT_IN_TOKENS)) { |
||||
var iterator2 = new TokenIterator(session, cursor.row, cursor.column + 1); |
||||
if (!this.$matchTokenType(iterator2.getCurrentToken() || "text", SAFE_INSERT_IN_TOKENS)) |
||||
return false; |
||||
} |
||||
iterator.stepForward(); |
||||
return iterator.getCurrentTokenRow() !== cursor.row || |
||||
this.$matchTokenType(iterator.getCurrentToken() || "text", SAFE_INSERT_BEFORE_TOKENS); |
||||
}; |
||||
|
||||
CstyleBehaviour.$matchTokenType = function(token, types) { |
||||
return types.indexOf(token.type || token) > -1; |
||||
}; |
||||
|
||||
CstyleBehaviour.recordAutoInsert = function(editor, session, bracket) { |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
if (!this.isAutoInsertedClosing(cursor, line, context.autoInsertedLineEnd[0])) |
||||
context.autoInsertedBrackets = 0; |
||||
context.autoInsertedRow = cursor.row; |
||||
context.autoInsertedLineEnd = bracket + line.substr(cursor.column); |
||||
context.autoInsertedBrackets++; |
||||
}; |
||||
|
||||
CstyleBehaviour.recordMaybeInsert = function(editor, session, bracket) { |
||||
var cursor = editor.getCursorPosition(); |
||||
var line = session.doc.getLine(cursor.row); |
||||
if (!this.isMaybeInsertedClosing(cursor, line)) |
||||
context.maybeInsertedBrackets = 0; |
||||
context.maybeInsertedRow = cursor.row; |
||||
context.maybeInsertedLineStart = line.substr(0, cursor.column) + bracket; |
||||
context.maybeInsertedLineEnd = line.substr(cursor.column); |
||||
context.maybeInsertedBrackets++; |
||||
}; |
||||
|
||||
CstyleBehaviour.isAutoInsertedClosing = function(cursor, line, bracket) { |
||||
return context.autoInsertedBrackets > 0 && |
||||
cursor.row === context.autoInsertedRow && |
||||
bracket === context.autoInsertedLineEnd[0] && |
||||
line.substr(cursor.column) === context.autoInsertedLineEnd; |
||||
}; |
||||
|
||||
CstyleBehaviour.isMaybeInsertedClosing = function(cursor, line) { |
||||
return context.maybeInsertedBrackets > 0 && |
||||
cursor.row === context.maybeInsertedRow && |
||||
line.substr(cursor.column) === context.maybeInsertedLineEnd && |
||||
line.substr(0, cursor.column) == context.maybeInsertedLineStart; |
||||
}; |
||||
|
||||
CstyleBehaviour.popAutoInsertedClosing = function() { |
||||
context.autoInsertedLineEnd = context.autoInsertedLineEnd.substr(1); |
||||
context.autoInsertedBrackets--; |
||||
}; |
||||
|
||||
CstyleBehaviour.clearMaybeInsertedClosing = function() { |
||||
if (context) { |
||||
context.maybeInsertedBrackets = 0; |
||||
context.maybeInsertedRow = -1; |
||||
} |
||||
}; |
||||
|
||||
|
||||
|
||||
oop.inherits(CstyleBehaviour, Behaviour); |
||||
|
||||
exports.CstyleBehaviour = CstyleBehaviour; |
||||
}); |
||||
|
||||
ace.define("ace/mode/folding/cstyle",["require","exports","module","ace/lib/oop","ace/range","ace/mode/folding/fold_mode"], function(require, exports, module) { |
||||
"use strict"; |
||||
|
||||
var oop = require("../../lib/oop"); |
||||
var Range = require("../../range").Range; |
||||
var BaseFoldMode = require("./fold_mode").FoldMode; |
||||
|
||||
var FoldMode = exports.FoldMode = function(commentRegex) { |
||||
if (commentRegex) { |
||||
this.foldingStartMarker = new RegExp( |
||||
this.foldingStartMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.start) |
||||
); |
||||
this.foldingStopMarker = new RegExp( |
||||
this.foldingStopMarker.source.replace(/\|[^|]*?$/, "|" + commentRegex.end) |
||||
); |
||||
} |
||||
}; |
||||
oop.inherits(FoldMode, BaseFoldMode); |
||||
|
||||
(function() { |
||||
|
||||
this.foldingStartMarker = /(\{|\[)[^\}\]]*$|^\s*(\/\*)/; |
||||
this.foldingStopMarker = /^[^\[\{]*(\}|\])|^[\s\*]*(\*\/)/; |
||||
|
||||
this.getFoldWidgetRange = function(session, foldStyle, row, forceMultiline) { |
||||
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, 1); |
||||
|
||||
if (range && !range.isMultiLine()) { |
||||
if (forceMultiline) { |
||||
range = this.getSectionRange(session, row); |
||||
} else if (foldStyle != "all") |
||||
range = null; |
||||
} |
||||
|
||||
return range; |
||||
} |
||||
|
||||
if (foldStyle === "markbegin") |
||||
return; |
||||
|
||||
var match = line.match(this.foldingStopMarker); |
||||
if (match) { |
||||
var i = match.index + match[0].length; |
||||
|
||||
if (match[1]) |
||||
return this.closingBracketBlock(session, match[1], row, i); |
||||
|
||||
return session.getCommentFoldRange(row, i, -1); |
||||
} |
||||
}; |
||||
|
||||
this.getSectionRange = function(session, row) { |
||||
var line = session.getLine(row); |
||||
var startIndent = line.search(/\S/); |
||||
var startRow = row; |
||||
var startColumn = line.length; |
||||
row = row + 1; |
||||
var endRow = row; |
||||
var maxRow = session.getLength(); |
||||
while (++row < maxRow) { |
||||
line = session.getLine(row); |
||||
var indent = line.search(/\S/); |
||||
if (indent === -1) |
||||
continue; |
||||
if (startIndent > indent) |
||||
break; |
||||
var subRange = this.getFoldWidgetRange(session, "all", row); |
||||
|
||||
if (subRange) { |
||||
if (subRange.start.row <= startRow) { |
||||
break; |
||||
} else if (subRange.isMultiLine()) { |
||||
row = subRange.end.row; |
||||
} else if (startIndent == indent) { |
||||
break; |
||||
} |
||||
} |
||||
endRow = row; |
||||
} |
||||
|
||||
return new Range(startRow, startColumn, endRow, session.getLine(endRow).length); |
||||
}; |
||||
|
||||
}).call(FoldMode.prototype); |
||||
|
||||
}); |
||||
|
||||
ace.define("ace/mode/javascript",["require","exports","module","ace/lib/oop","ace/mode/text","ace/mode/javascript_highlight_rules","ace/mode/matching_brace_outdent","ace/range","ace/worker/worker_client","ace/mode/behaviour/cstyle","ace/mode/folding/cstyle"], function(require, exports, module) { |
||||
"use strict"; |
||||
|
||||
var oop = require("../lib/oop"); |
||||
var TextMode = require("./text").Mode; |
||||
var JavaScriptHighlightRules = require("./javascript_highlight_rules").JavaScriptHighlightRules; |
||||
var MatchingBraceOutdent = require("./matching_brace_outdent").MatchingBraceOutdent; |
||||
var Range = require("../range").Range; |
||||
var WorkerClient = require("../worker/worker_client").WorkerClient; |
||||
var CstyleBehaviour = require("./behaviour/cstyle").CstyleBehaviour; |
||||
var CStyleFoldMode = require("./folding/cstyle").FoldMode; |
||||
|
||||
var Mode = function() { |
||||
this.HighlightRules = JavaScriptHighlightRules; |
||||
|
||||
this.$outdent = new MatchingBraceOutdent(); |
||||
this.$behaviour = new CstyleBehaviour(); |
||||
this.foldingRules = new CStyleFoldMode(); |
||||
}; |
||||
oop.inherits(Mode, TextMode); |
||||
|
||||
(function() { |
||||
|
||||
this.lineCommentStart = "//"; |
||||
this.blockComment = {start: "/*", end: "*/"}; |
||||
|
||||
this.getNextLineIndent = function(state, line, tab) { |
||||
var indent = this.$getIndent(line); |
||||
|
||||
var tokenizedLine = this.getTokenizer().getLineTokens(line, state); |
||||
var tokens = tokenizedLine.tokens; |
||||
var endState = tokenizedLine.state; |
||||
|
||||
if (tokens.length && tokens[tokens.length-1].type == "comment") { |
||||
return indent; |
||||
} |
||||
|
||||
if (state == "start" || state == "no_regex") { |
||||
var match = line.match(/^.*(?:\bcase\b.*\:|[\{\(\[])\s*$/); |
||||
if (match) { |
||||
indent += tab; |
||||
} |
||||
} else if (state == "doc-start") { |
||||
if (endState == "start" || endState == "no_regex") { |
||||
return ""; |
||||
} |
||||
var match = line.match(/^\s*(\/?)\*/); |
||||
if (match) { |
||||
if (match[1]) { |
||||
indent += " "; |
||||
} |
||||
indent += "* "; |
||||
} |
||||
} |
||||
|
||||
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/javascript_worker", "JavaScriptWorker");
|
||||
// worker.attachToDocument(session.getDocument());
|
||||
//
|
||||
// worker.on("jslint", function(results) {
|
||||
// session.setAnnotations(results.data);
|
||||
// });
|
||||
//
|
||||
// worker.on("terminate", function() {
|
||||
// session.clearAnnotations();
|
||||
// });
|
||||
//
|
||||
// return worker;
|
||||
// };
|
||||
|
||||
this.$id = "ace/mode/javascript"; |
||||
}).call(Mode.prototype); |
||||
|
||||
exports.Mode = Mode; |
||||
}); |
@ -0,0 +1,69 @@ |
||||
.highlight { background: #ffffff; } |
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */ |
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ |
||||
.highlight .k { font-weight: bold } /* Keyword */ |
||||
.highlight .o { font-weight: bold } /* Operator */ |
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ |
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ |
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ |
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ |
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ |
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ |
||||
.highlight .ge { font-style: italic } /* Generic.Emph */ |
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */ |
||||
.highlight .gh { color: #999999 } /* Generic.Heading */ |
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ |
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ |
||||
.highlight .go { color: #888888 } /* Generic.Output */ |
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */ |
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */ |
||||
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ |
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */ |
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */ |
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */ |
||||
.highlight .kn { font-weight: bold } /* Keyword.Namespace */ |
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ |
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */ |
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ |
||||
.highlight .m { color: #009999 } /* Literal.Number */ |
||||
.highlight .s { color: #d14 } /* Literal.String */ |
||||
.highlight .na { color: #008080 } /* Name.Attribute */ |
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */ |
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ |
||||
.highlight .no { color: #008080 } /* Name.Constant */ |
||||
.highlight .ni { color: #800080 } /* Name.Entity */ |
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ |
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ |
||||
.highlight .nn { color: #555555 } /* Name.Namespace */ |
||||
.highlight .nt { color: #000080 } /* Name.Tag */ |
||||
.highlight .nv { color: #008080 } /* Name.Variable */ |
||||
.highlight .ow { font-weight: bold } /* Operator.Word */ |
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */ |
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */ |
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */ |
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */ |
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */ |
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */ |
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */ |
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */ |
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */ |
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */ |
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ |
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */ |
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */ |
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */ |
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */ |
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */ |
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ |
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */ |
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */ |
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */ |
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ |
||||
|
||||
.type-csharp .highlight .k { color: #0000FF } |
||||
.type-csharp .highlight .kt { color: #0000FF } |
||||
.type-csharp .highlight .nf { color: #000000; font-weight: normal } |
||||
.type-csharp .highlight .nc { color: #2B91AF } |
||||
.type-csharp .highlight .nn { color: #000000 } |
||||
.type-csharp .highlight .s { color: #A31515 } |
||||
.type-csharp .highlight .sc { color: #A31515 } |
@ -0,0 +1,287 @@ |
||||
@import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700); |
||||
|
||||
body { |
||||
padding:50px; |
||||
font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
color:#777; |
||||
font-weight:300; |
||||
} |
||||
|
||||
h1, h2, h3, h4, h5, h6 { |
||||
color:#222; |
||||
margin:0 0 20px; |
||||
} |
||||
|
||||
p, ul, ol, table, pre, dl { |
||||
margin:0 0 20px; |
||||
} |
||||
|
||||
h1, h2, h3 { |
||||
line-height:1.1; |
||||
} |
||||
|
||||
h1 { |
||||
font-size:28px; |
||||
} |
||||
|
||||
h2 { |
||||
color:#393939; |
||||
} |
||||
|
||||
h3, h4, h5, h6 { |
||||
color:#494949; |
||||
} |
||||
|
||||
a { |
||||
color:#39c; |
||||
font-weight:400; |
||||
text-decoration:none; |
||||
} |
||||
|
||||
a:hover { |
||||
color:#069; |
||||
} |
||||
|
||||
a small { |
||||
font-size:11px; |
||||
color:#777; |
||||
margin-top:-0.6em; |
||||
display:block; |
||||
} |
||||
|
||||
a:hover small { |
||||
color:#777; |
||||
} |
||||
|
||||
.wrapper { |
||||
width:860px; |
||||
margin:0 auto; |
||||
} |
||||
|
||||
blockquote { |
||||
border-left:1px solid #e5e5e5; |
||||
margin:0; |
||||
padding:0 0 0 20px; |
||||
font-style:italic; |
||||
} |
||||
|
||||
code, pre { |
||||
font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, monospace; |
||||
color:#333; |
||||
font-size:12px; |
||||
} |
||||
|
||||
pre { |
||||
padding:8px 15px; |
||||
background: #f8f8f8; |
||||
border-radius:5px; |
||||
border:1px solid #e5e5e5; |
||||
overflow-x: auto; |
||||
} |
||||
|
||||
table { |
||||
width:100%; |
||||
border-collapse:collapse; |
||||
} |
||||
|
||||
th, td { |
||||
text-align:left; |
||||
padding:5px 10px; |
||||
border-bottom:1px solid #e5e5e5; |
||||
} |
||||
|
||||
dt { |
||||
color:#444; |
||||
font-weight:700; |
||||
} |
||||
|
||||
th { |
||||
color:#444; |
||||
} |
||||
|
||||
img { |
||||
max-width:100%; |
||||
} |
||||
|
||||
header { |
||||
width:270px; |
||||
float:left; |
||||
position:fixed; |
||||
} |
||||
|
||||
header ul { |
||||
list-style:none; |
||||
height:40px; |
||||
|
||||
padding:0; |
||||
|
||||
background: #eee; |
||||
background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd)); |
||||
background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); |
||||
background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); |
||||
background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%); |
||||
background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%); |
||||
|
||||
border-radius:5px; |
||||
border:1px solid #d2d2d2; |
||||
box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0; |
||||
width:270px; |
||||
} |
||||
|
||||
header li { |
||||
width:89px; |
||||
float:left; |
||||
border-right:1px solid #d2d2d2; |
||||
height:40px; |
||||
} |
||||
|
||||
header li:first-child a { |
||||
border-radius:5px 0 0 5px; |
||||
} |
||||
|
||||
header li:last-child a { |
||||
border-radius:0 5px 5px 0; |
||||
} |
||||
|
||||
header ul a { |
||||
line-height:1; |
||||
font-size:11px; |
||||
color:#999; |
||||
display:block; |
||||
text-align:center; |
||||
padding-top:6px; |
||||
height:34px; |
||||
} |
||||
|
||||
header ul a:hover { |
||||
color:#999; |
||||
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); |
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); |
||||
background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); |
||||
background: -o-linear-gradient(top, #fff 0%,#ddd 100%); |
||||
background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); |
||||
background: linear-gradient(top, #fff 0%,#ddd 100%); |
||||
} |
||||
|
||||
header ul a:active { |
||||
-webkit-box-shadow: inset 0px 2px 2px 0px #ddd; |
||||
-moz-box-shadow: inset 0px 2px 2px 0px #ddd; |
||||
box-shadow: inset 0px 2px 2px 0px #ddd; |
||||
} |
||||
|
||||
strong { |
||||
color:#222; |
||||
font-weight:700; |
||||
} |
||||
|
||||
header ul li + li { |
||||
width:88px; |
||||
border-left:1px solid #fff; |
||||
} |
||||
|
||||
header ul li + li + li { |
||||
border-right:none; |
||||
width:89px; |
||||
} |
||||
|
||||
header ul a strong { |
||||
font-size:14px; |
||||
display:block; |
||||
color:#222; |
||||
} |
||||
|
||||
section { |
||||
width:500px; |
||||
float:right; |
||||
padding-bottom:50px; |
||||
} |
||||
|
||||
small { |
||||
font-size:11px; |
||||
} |
||||
|
||||
hr { |
||||
border:0; |
||||
background:#e5e5e5; |
||||
height:1px; |
||||
margin:0 0 20px; |
||||
} |
||||
|
||||
footer { |
||||
width:270px; |
||||
float:left; |
||||
position:fixed; |
||||
bottom:50px; |
||||
} |
||||
|
||||
@media print, screen and (max-width: 960px) { |
||||
|
||||
div.wrapper { |
||||
width:auto; |
||||
margin:0; |
||||
} |
||||
|
||||
header, section, footer { |
||||
float:none; |
||||
position:static; |
||||
width:auto; |
||||
} |
||||
|
||||
header { |
||||
padding-right:320px; |
||||
} |
||||
|
||||
section { |
||||
border:1px solid #e5e5e5; |
||||
border-width:1px 0; |
||||
padding:20px 0; |
||||
margin:0 0 20px; |
||||
} |
||||
|
||||
header a small { |
||||
display:inline; |
||||
} |
||||
|
||||
header ul { |
||||
position:absolute; |
||||
right:50px; |
||||
top:52px; |
||||
} |
||||
} |
||||
|
||||
@media print, screen and (max-width: 720px) { |
||||
body { |
||||
word-wrap:break-word; |
||||
} |
||||
|
||||
header { |
||||
padding:0; |
||||
} |
||||
|
||||
header ul, header p.view { |
||||
position:static; |
||||
} |
||||
|
||||
pre, code { |
||||
word-wrap:normal; |
||||
} |
||||
} |
||||
|
||||
@media print, screen and (max-width: 480px) { |
||||
body { |
||||
padding:15px; |
||||
} |
||||
|
||||
header ul { |
||||
display:none; |
||||
} |
||||
} |
||||
|
||||
@media print { |
||||
body { |
||||
padding:0.4in; |
||||
font-size:12pt; |
||||
color:#444; |
||||
} |
||||
} |
Loading…
Reference in new issue