You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
4.3 KiB
100 lines
4.3 KiB
// CodeMirror, copyright (c) by Marijn Haverbeke and others
|
|
// Distributed under an MIT license: https://codemirror.net/5/LICENSE
|
|
|
|
(function() {
|
|
var mode = CodeMirror.getMode({indentUnit: 2}, "jsx")
|
|
function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1)) }
|
|
|
|
MT("selfclose",
|
|
"[keyword var] [def x] [operator =] [bracket&tag <] [tag foo] [bracket&tag />] [operator +] [number 1];")
|
|
|
|
MT("openclose",
|
|
"([bracket&tag <][tag foo][bracket&tag >]hello [atom &][bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("openclosefragment",
|
|
"([bracket&tag <><][tag foo][bracket&tag >]hello [atom &][bracket&tag </][tag foo][bracket&tag ></>][operator ++])")
|
|
|
|
MT("attr",
|
|
"([bracket&tag <][tag foo] [attribute abc]=[string 'value'][bracket&tag >]hello [atom &][bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("braced_attr",
|
|
"([bracket&tag <][tag foo] [attribute abc]={[number 10]}[bracket&tag >]hello [atom &][bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("braced_text",
|
|
"([bracket&tag <][tag foo][bracket&tag >]hello {[number 10]} [atom &][bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("nested_tag",
|
|
"([bracket&tag <][tag foo][bracket&tag ><][tag bar][bracket&tag ></][tag bar][bracket&tag ></][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("nested_jsx",
|
|
"[keyword return] (",
|
|
" [bracket&tag <][tag foo][bracket&tag >]",
|
|
" say {[number 1] [operator +] [bracket&tag <][tag bar] [attribute attr]={[number 10]}[bracket&tag />]}!",
|
|
" [bracket&tag </][tag foo][bracket&tag >][operator ++]",
|
|
")")
|
|
|
|
MT("preserve_js_context",
|
|
"[variable x] [operator =] [string-2 `quasi${][bracket&tag <][tag foo][bracket&tag />][string-2 }quoted`]")
|
|
|
|
MT("string_interpolation",
|
|
"[variable x] [operator =] [string-2 `quasi<code>${] [number 10] [string-2 }</code>`]")
|
|
|
|
MT("line_comment",
|
|
"([bracket&tag <][tag foo] [comment // hello]",
|
|
" [bracket&tag ></][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("line_comment_not_in_tag",
|
|
"([bracket&tag <][tag foo][bracket&tag >] // hello",
|
|
" [bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("block_comment",
|
|
"([bracket&tag <][tag foo] [comment /* hello]",
|
|
"[comment line 2]",
|
|
"[comment line 3 */] [bracket&tag ></][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("block_comment_not_in_tag",
|
|
"([bracket&tag <][tag foo][bracket&tag >]/* hello",
|
|
" line 2",
|
|
" line 3 */ [bracket&tag </][tag foo][bracket&tag >][operator ++])")
|
|
|
|
MT("missing_attr",
|
|
"([bracket&tag <][tag foo] [attribute selected][bracket&tag />][operator ++])")
|
|
|
|
MT("indent_js",
|
|
"([bracket&tag <][tag foo][bracket&tag >]",
|
|
" [bracket&tag <][tag bar] [attribute baz]={[keyword function]() {",
|
|
" [keyword return] [number 10]",
|
|
" }}[bracket&tag />]",
|
|
" [bracket&tag </][tag foo][bracket&tag >])")
|
|
|
|
MT("spread",
|
|
"([bracket&tag <][tag foo] [attribute bar]={[meta ...][variable baz] [operator /][number 2]}[bracket&tag />])")
|
|
|
|
MT("tag_attribute",
|
|
"([bracket&tag <][tag foo] [attribute bar]=[bracket&tag <][tag foo][bracket&tag />/>][operator ++])")
|
|
|
|
MT("in_array",
|
|
"[[",
|
|
" [bracket&tag <][tag Something][bracket&tag />],",
|
|
" [string-2 `${][variable x][string-2 }`],",
|
|
" [variable y]",
|
|
"]]")
|
|
|
|
var ts_mode = CodeMirror.getMode({indentUnit: 2}, "text/typescript-jsx")
|
|
function TS(name) { test.mode(name, ts_mode, Array.prototype.slice.call(arguments, 1)) }
|
|
|
|
TS("tsx_react_integration",
|
|
"[keyword interface] [def Props] {",
|
|
" [property foo]: [type string];",
|
|
"}",
|
|
"[keyword class] [def MyComponent] [keyword extends] [type React].[type Component] [operator <] [type Props], [type any] [operator >] {",
|
|
" [property render]() {",
|
|
" [keyword return] [bracket&tag <][tag span][bracket&tag >]{[keyword this].[property props].[property foo]}[bracket&tag </][tag span][bracket&tag >]",
|
|
" }",
|
|
"}",
|
|
"[bracket&tag <][tag MyComponent] [attribute foo]=[string \"bar\"] [bracket&tag />]; [comment //ok]",
|
|
"[bracket&tag <][tag MyComponent] [attribute foo]={[number 0]} [bracket&tag />]; [comment //error]")
|
|
|
|
TS("tsx_react_generics",
|
|
"[variable x] [operator =] [operator <] [variable T],[operator >] ([def v]: [type T]) [operator =>] [variable-2 v];")
|
|
})()
|