This commit is contained in:
fofolee
2019-05-03 00:15:23 +08:00
commit a07dd6f344
628 changed files with 120994 additions and 0 deletions

68
codemirror/mode/soy/index.html vendored Normal file
View File

@@ -0,0 +1,68 @@
<!doctype html>
<title>CodeMirror: Soy (Closure Template) mode</title>
<meta charset="utf-8"/>
<link rel=stylesheet href="../../doc/docs.css">
<link rel="stylesheet" href="../../lib/codemirror.css">
<script src="../../lib/codemirror.js"></script>
<script src="../../addon/edit/matchbrackets.js"></script>
<script src="../htmlmixed/htmlmixed.js"></script>
<script src="../xml/xml.js"></script>
<script src="../javascript/javascript.js"></script>
<script src="../css/css.js"></script>
<script src="soy.js"></script>
<style>.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
<div id=nav>
<a href="https://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
<ul>
<li><a href="../../index.html">Home</a>
<li><a href="../../doc/manual.html">Manual</a>
<li><a href="https://github.com/codemirror/codemirror">Code</a>
</ul>
<ul>
<li><a href="../index.html">Language modes</a>
<li><a class=active href="#">Soy (Closure Template)</a>
</ul>
</div>
<article>
<h2>Soy (Closure Template) mode</h2>
<form><textarea id="code" name="code">
{namespace example}
/**
* Says hello to the world.
*/
{template .helloWorld}
{@param name: string}
{@param? score: number}
Hello <b>{$name}</b>!
<div>
{if $score}
<em>{$score} points</em>
{else}
no score
{/if}
</div>
{/template}
{template .alertHelloWorld kind="js"}
alert('Hello World');
{/template}
</textarea></form>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
matchBrackets: true,
mode: "text/x-soy",
indentUnit: 2,
indentWithTabs: false
});
</script>
<p>A mode for <a href="https://developers.google.com/closure/templates/">Closure Templates</a> (Soy).</p>
<p><strong>MIME type defined:</strong> <code>text/x-soy</code>.</p>
</article>

389
codemirror/mode/soy/soy.js vendored Normal file
View File

@@ -0,0 +1,389 @@
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: https://codemirror.net/LICENSE
(function(mod) {
if (typeof exports == "object" && typeof module == "object") // CommonJS
mod(require("../../lib/codemirror"), require("../htmlmixed/htmlmixed"));
else if (typeof define == "function" && define.amd) // AMD
define(["../../lib/codemirror", "../htmlmixed/htmlmixed"], mod);
else // Plain browser env
mod(CodeMirror);
})(function(CodeMirror) {
"use strict";
var indentingTags = ["template", "literal", "msg", "fallbackmsg", "let", "if", "elseif",
"else", "switch", "case", "default", "foreach", "ifempty", "for",
"call", "param", "deltemplate", "delcall", "log", "element"];
CodeMirror.defineMode("soy", function(config) {
var textMode = CodeMirror.getMode(config, "text/plain");
var modes = {
html: CodeMirror.getMode(config, {name: "text/html", multilineTagIndentFactor: 2, multilineTagIndentPastTag: false}),
attributes: textMode,
text: textMode,
uri: textMode,
trusted_resource_uri: textMode,
css: CodeMirror.getMode(config, "text/css"),
js: CodeMirror.getMode(config, {name: "text/javascript", statementIndent: 2 * config.indentUnit})
};
function last(array) {
return array[array.length - 1];
}
function tokenUntil(stream, state, untilRegExp) {
if (stream.sol()) {
for (var indent = 0; indent < state.indent; indent++) {
if (!stream.eat(/\s/)) break;
}
if (indent) return null;
}
var oldString = stream.string;
var match = untilRegExp.exec(oldString.substr(stream.pos));
if (match) {
// We don't use backUp because it backs up just the position, not the state.
// This uses an undocumented API.
stream.string = oldString.substr(0, stream.pos + match.index);
}
var result = stream.hideFirstChars(state.indent, function() {
var localState = last(state.localStates);
return localState.mode.token(stream, localState.state);
});
stream.string = oldString;
return result;
}
function contains(list, element) {
while (list) {
if (list.element === element) return true;
list = list.next;
}
return false;
}
function prepend(list, element) {
return {
element: element,
next: list
};
}
// Reference a variable `name` in `list`.
// Let `loose` be truthy to ignore missing identifiers.
function ref(list, name, loose) {
return contains(list, name) ? "variable-2" : (loose ? "variable" : "variable-2 error");
}
function popscope(state) {
if (state.scopes) {
state.variables = state.scopes.element;
state.scopes = state.scopes.next;
}
}
return {
startState: function() {
return {
kind: [],
kindTag: [],
soyState: [],
templates: null,
variables: prepend(null, 'ij'),
scopes: null,
indent: 0,
quoteKind: null,
localStates: [{
mode: modes.html,
state: CodeMirror.startState(modes.html)
}]
};
},
copyState: function(state) {
return {
tag: state.tag, // Last seen Soy tag.
kind: state.kind.concat([]), // Values of kind="" attributes.
kindTag: state.kindTag.concat([]), // Opened tags with kind="" attributes.
soyState: state.soyState.concat([]),
templates: state.templates,
variables: state.variables,
scopes: state.scopes,
indent: state.indent, // Indentation of the following line.
quoteKind: state.quoteKind,
localStates: state.localStates.map(function(localState) {
return {
mode: localState.mode,
state: CodeMirror.copyState(localState.mode, localState.state)
};
})
};
},
token: function(stream, state) {
var match;
switch (last(state.soyState)) {
case "comment":
if (stream.match(/^.*?\*\//)) {
state.soyState.pop();
} else {
stream.skipToEnd();
}
if (!state.scopes) {
var paramRe = /@param\??\s+(\S+)/g;
var current = stream.current();
for (var match; (match = paramRe.exec(current)); ) {
state.variables = prepend(state.variables, match[1]);
}
}
return "comment";
case "string":
var match = stream.match(/^.*?(["']|\\[\s\S])/);
if (!match) {
stream.skipToEnd();
} else if (match[1] == state.quoteKind) {
state.quoteKind = null;
state.soyState.pop();
}
return "string";
}
if (!state.soyState.length || last(state.soyState) != "literal") {
if (stream.match(/^\/\*/)) {
state.soyState.push("comment");
return "comment";
} else if (stream.match(stream.sol() ? /^\s*\/\/.*/ : /^\s+\/\/.*/)) {
return "comment";
}
}
switch (last(state.soyState)) {
case "templ-def":
if (match = stream.match(/^\.?([\w]+(?!\.[\w]+)*)/)) {
state.templates = prepend(state.templates, match[1]);
state.scopes = prepend(state.scopes, state.variables);
state.soyState.pop();
return "def";
}
stream.next();
return null;
case "templ-ref":
if (match = stream.match(/(\.?[a-zA-Z_][a-zA-Z_0-9]+)+/)) {
state.soyState.pop();
// If the first character is '.', it can only be a local template.
if (match[0][0] == '.') {
return "variable-2"
}
// Otherwise
return "variable";
}
stream.next();
return null;
case "namespace-def":
if (match = stream.match(/^\.?([\w\.]+)/)) {
state.soyState.pop();
return "variable";
}
stream.next();
return null;
case "param-def":
if (match = stream.match(/^\w+/)) {
state.variables = prepend(state.variables, match[0]);
state.soyState.pop();
state.soyState.push("param-type");
return "def";
}
stream.next();
return null;
case "param-ref":
if (match = stream.match(/^\w+/)) {
state.soyState.pop();
return "property";
}
stream.next();
return null;
case "param-type":
if (stream.peek() == "}") {
state.soyState.pop();
return null;
}
if (stream.eatWhile(/^([\w]+|[?])/)) {
return "type";
}
stream.next();
return null;
case "var-def":
if (match = stream.match(/^\$([\w]+)/)) {
state.variables = prepend(state.variables, match[1]);
state.soyState.pop();
return "def";
}
stream.next();
return null;
case "tag":
if (stream.match(/^\/?}/)) {
if (state.tag == "/template" || state.tag == "/deltemplate") {
popscope(state);
state.variables = prepend(null, 'ij');
state.indent = 0;
} else {
if (state.tag == "/for" || state.tag == "/foreach") {
popscope(state);
}
state.indent -= config.indentUnit *
(stream.current() == "/}" || indentingTags.indexOf(state.tag) == -1 ? 2 : 1);
}
state.soyState.pop();
return "keyword";
} else if (stream.match(/^([\w?]+)(?==)/)) {
if (stream.current() == "kind" && (match = stream.match(/^="([^"]+)/, false))) {
var kind = match[1];
state.kind.push(kind);
state.kindTag.push(state.tag);
var mode = modes[kind] || modes.html;
var localState = last(state.localStates);
if (localState.mode.indent) {
state.indent += localState.mode.indent(localState.state, "", "");
}
state.localStates.push({
mode: mode,
state: CodeMirror.startState(mode)
});
}
return "attribute";
} else if (match = stream.match(/([\w]+)(?=\()/)) {
return "variable callee";
} else if (match = stream.match(/^["']/)) {
state.soyState.push("string");
state.quoteKind = match;
return "string";
}
if (stream.match(/(null|true|false)(?!\w)/) ||
stream.match(/0x([0-9a-fA-F]{2,})/) ||
stream.match(/-?([0-9]*[.])?[0-9]+(e[0-9]*)?/)) {
return "atom";
}
if (stream.match(/(\||[+\-*\/%]|[=!]=|\?:|[<>]=?)/)) {
// Tokenize filter, binary, null propagator, and equality operators.
return "operator";
}
if (match = stream.match(/^\$([\w]+)/)) {
return ref(state.variables, match[1]);
}
if (match = stream.match(/^\w+/)) {
return /^(?:as|and|or|not|in)$/.test(match[0]) ? "keyword" : null;
}
stream.next();
return null;
case "literal":
if (stream.match(/^(?=\{\/literal})/)) {
state.indent -= config.indentUnit;
state.soyState.pop();
return this.token(stream, state);
}
return tokenUntil(stream, state, /\{\/literal}/);
}
if (stream.match(/^\{literal}/)) {
state.indent += config.indentUnit;
state.soyState.push("literal");
return "keyword";
// A tag-keyword must be followed by whitespace, comment or a closing tag.
} else if (match = stream.match(/^\{([/@\\]?\w+\??)(?=$|[\s}]|\/[/*])/)) {
if (match[1] != "/switch")
state.indent += (/^(\/|(else|elseif|ifempty|case|fallbackmsg|default)$)/.test(match[1]) && state.tag != "switch" ? 1 : 2) * config.indentUnit;
state.tag = match[1];
if (state.tag == "/" + last(state.kindTag)) {
// We found the tag that opened the current kind="".
state.kind.pop();
state.kindTag.pop();
state.localStates.pop();
var localState = last(state.localStates);
if (localState.mode.indent) {
state.indent -= localState.mode.indent(localState.state, "", "");
}
}
state.soyState.push("tag");
if (state.tag == "template" || state.tag == "deltemplate") {
state.soyState.push("templ-def");
} else if (state.tag == "call" || state.tag == "delcall") {
state.soyState.push("templ-ref");
} else if (state.tag == "let") {
state.soyState.push("var-def");
} else if (state.tag == "for" || state.tag == "foreach") {
state.scopes = prepend(state.scopes, state.variables);
state.soyState.push("var-def");
} else if (state.tag == "namespace") {
state.soyState.push("namespace-def");
if (!state.scopes) {
state.variables = prepend(null, 'ij');
}
} else if (state.tag.match(/^@(?:param\??|inject|state)/)) {
state.soyState.push("param-def");
} else if (state.tag.match(/^(?:param)/)) {
state.soyState.push("param-ref");
}
return "keyword";
// Not a tag-keyword; it's an implicit print tag.
} else if (stream.eat('{')) {
state.tag = "print";
state.indent += 2 * config.indentUnit;
state.soyState.push("tag");
return "keyword";
}
return tokenUntil(stream, state, /\{|\s+\/\/|\/\*/);
},
indent: function(state, textAfter, line) {
var indent = state.indent, top = last(state.soyState);
if (top == "comment") return CodeMirror.Pass;
if (top == "literal") {
if (/^\{\/literal}/.test(textAfter)) indent -= config.indentUnit;
} else {
if (/^\s*\{\/(template|deltemplate)\b/.test(textAfter)) return 0;
if (/^\{(\/|(fallbackmsg|elseif|else|ifempty)\b)/.test(textAfter)) indent -= config.indentUnit;
if (state.tag != "switch" && /^\{(case|default)\b/.test(textAfter)) indent -= config.indentUnit;
if (/^\{\/switch\b/.test(textAfter)) indent -= config.indentUnit;
}
var localState = last(state.localStates);
if (indent && localState.mode.indent) {
indent += localState.mode.indent(localState.state, textAfter, line);
}
return indent;
},
innerMode: function(state) {
if (state.soyState.length && last(state.soyState) != "literal") return null;
else return last(state.localStates);
},
electricInput: /^\s*\{(\/|\/template|\/deltemplate|\/switch|fallbackmsg|elseif|else|case|default|ifempty|\/literal\})$/,
lineComment: "//",
blockCommentStart: "/*",
blockCommentEnd: "*/",
blockCommentContinue: " * ",
useInnerComments: false,
fold: "indent"
};
}, "htmlmixed");
CodeMirror.registerHelper("wordChars", "soy", /[\w$]/);
CodeMirror.registerHelper("hintWords", "soy", indentingTags.concat(
["delpackage", "namespace", "alias", "print", "css", "debugger"]));
CodeMirror.defineMIME("text/x-soy", "soy");
});

164
codemirror/mode/soy/test.js vendored Normal file
View File

@@ -0,0 +1,164 @@
// CodeMirror, copyright (c) by Marijn Haverbeke and others
// Distributed under an MIT license: https://codemirror.net/LICENSE
(function() {
var mode = CodeMirror.getMode({indentUnit: 2}, "soy");
function MT(name) {test.mode(name, mode, Array.prototype.slice.call(arguments, 1));}
// Test of small keywords and words containing them.
MT('keywords-test',
'[keyword {] [keyword as] worrying [keyword and] notorious [keyword as]',
' the Fandor[operator -]alias assassin, [keyword or]',
' Corcand cannot fit [keyword in] [keyword }]');
MT('let-test',
'[keyword {template] [def .name][keyword }]',
' [keyword {let] [def $name]: [string "world"][keyword /}]',
' [tag&bracket <][tag h1][tag&bracket >]',
' Hello, [keyword {][variable-2 $name][keyword }]',
' [tag&bracket </][tag h1][tag&bracket >]',
'[keyword {/template}]',
'');
MT('function-test',
'[keyword {] [callee&variable css]([string "MyClass"])[keyword }]',
'[tag&bracket <][tag input] [attribute value]=[string "]' +
'[keyword {] [callee&variable index]([variable-2&error $list])[keyword }]' +
'[string "][tag&bracket />]');
MT('namespace-test',
'[keyword {namespace] [variable namespace][keyword }]')
MT('namespace-with-attribute-test',
'[keyword {namespace] [variable my.namespace.templates] ' +
'[attribute requirecss]=[string "my.namespace"][keyword }]');
MT('operators-test',
'[keyword {] [atom 1] [operator ==] [atom 1] [keyword }]',
'[keyword {] [atom 1] [operator !=] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator +] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator -] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator *] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator /] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator %] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator <=] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator >=] [atom 2] [keyword }]',
'[keyword {] [atom 3] [operator >] [atom 2] [keyword }]',
'[keyword {] [atom 2] [operator >] [atom 3] [keyword }]',
'[keyword {] [atom null] [operator ?:] [string ""] [keyword }]',
'[keyword {] [variable-2&error $variable] [operator |] safeHtml [keyword }]')
MT('primitive-test',
'[keyword {] [atom true] [keyword }]',
'[keyword {] [atom false] [keyword }]',
'[keyword {] truethy [keyword }]',
'[keyword {] falsey [keyword }]',
'[keyword {] [atom 42] [keyword }]',
'[keyword {] [atom .42] [keyword }]',
'[keyword {] [atom 0.42] [keyword }]',
'[keyword {] [atom -0.42] [keyword }]',
'[keyword {] [atom -.2] [keyword }]',
'[keyword {] [atom 6.03e23] [keyword }]',
'[keyword {] [atom -0.03e0] [keyword }]',
'[keyword {] [atom 0x1F] [keyword }]',
'[keyword {] [atom 0x1F00BBEA] [keyword }]');
MT('param-type-test',
'[keyword {@param] [def a]: ' +
'[type list]<[[[type a]: [type int], ' +
'[type b]: [type map]<[type string], ' +
'[type bool]>]]>][keyword }]',
'[keyword {@param] [def unknown]: [type ?][keyword }]',
'[keyword {@param] [def list]: [type list]<[type ?]>[keyword }]');
MT('undefined-var',
'[keyword {][variable-2&error $var]');
MT('param-scope-test',
'[keyword {template] [def .a][keyword }]',
' [keyword {@param] [def x]: [type string][keyword }]',
' [keyword {][variable-2 $x][keyword }]',
'[keyword {/template}]',
'',
'[keyword {template] [def .b][keyword }]',
' [keyword {][variable-2&error $x][keyword }]',
'[keyword {/template}]',
'');
MT('if-variable-test',
'[keyword {if] [variable-2&error $showThing][keyword }]',
' Yo!',
'[keyword {/if}]',
'');
MT('defined-if-variable-test',
'[keyword {template] [def .foo][keyword }]',
' [keyword {@param?] [def showThing]: [type bool][keyword }]',
' [keyword {if] [variable-2 $showThing][keyword }]',
' Yo!',
' [keyword {/if}]',
'[keyword {/template}]',
'');
MT('template-calls-test',
'[keyword {call] [variable-2 .foo][keyword /}]',
'[keyword {call] [variable foo][keyword /}]',
'[keyword {call] [variable foo][keyword }] [keyword {/call}]',
'[keyword {call] [variable first1.second.third_3][keyword /}]',
'[keyword {call] [variable first1.second.third_3] [keyword }] [keyword {/call}]',
'');
MT('foreach-scope-test',
'[keyword {@param] [def bar]: [type string][keyword }]',
'[keyword {foreach] [def $foo] [keyword in] [variable-2&error $foos][keyword }]',
' [keyword {][variable-2 $foo][keyword }]',
'[keyword {/foreach}]',
'[keyword {][variable-2&error $foo][keyword }]',
'[keyword {][variable-2 $bar][keyword }]');
MT('foreach-ifempty-indent-test',
'[keyword {foreach] [def $foo] [keyword in] [variable-2&error $foos][keyword }]',
' something',
'[keyword {ifempty}]',
' nothing',
'[keyword {/foreach}]',
'');
MT('nested-kind-test',
'[keyword {template] [def .foo] [attribute kind]=[string "html"][keyword }]',
' [tag&bracket <][tag div][tag&bracket >]',
' [keyword {call] [variable-2 .bar][keyword }]',
' [keyword {param] [property propertyName] [attribute kind]=[string "js"][keyword }]',
' [keyword var] [def bar] [operator =] [number 5];',
' [keyword {/param}]',
' [keyword {/call}]',
' [tag&bracket </][tag div][tag&bracket >]',
'[keyword {/template}]',
'');
MT('tag-starting-with-function-call-is-not-a-keyword',
'[keyword {][callee&variable index]([variable-2&error $foo])[keyword }]',
'[keyword {css] [string "some-class"][keyword }]',
'[keyword {][callee&variable css]([string "some-class"])[keyword }]',
'');
MT('allow-missing-colon-in-@param',
'[keyword {template] [def .foo][keyword }]',
' [keyword {@param] [def showThing] [type bool][keyword }]',
' [keyword {if] [variable-2 $showThing][keyword }]',
' Yo!',
' [keyword {/if}]',
'[keyword {/template}]',
'');
MT('single-quote-strings',
'[keyword {][string "foo"] [string \'bar\'][keyword }]',
'');
MT('literal-comments',
'[keyword {literal}]/* comment */ // comment[keyword {/literal}]');
MT('highlight-command-at-eol',
'[keyword {msg]',
' [keyword }]');
})();