Fix #5 syntax is broken to next case <=

Author: MaxMEllon

after/syntax/javascript.vim

@@ -24,7 +24,7 @@ endif
 "  <tag></tag>
 " s~~~~~~~~~~~e
 syntax region jsxRegion
-      \ start=+<\z([^ /!?<>"']\+\)+
+      \ start=+<\z([^ /!?<>"'=:]\+\)+
       \ skip=+<!--\_.\{-}-->+
       \ end=+</\z1\_\s\{-}[^(=>)]>+
       \ end=+>\n\?\s*)\@=+
@@ -42,7 +42,7 @@ syntax region jsxRegion
 " <tag id="sample">
 " s~~~~~~~~~~~~~~~e
 syntax region jsxTag
-      \ start=+<[^ /!?<>"']\@=+
+      \ start=+<[^ /!?<>"'=:]\@=+
       \ end=+>+
       \ matchgroup=jsxCloseTag end=+/>+
       \ contained
@@ -108,13 +108,18 @@ syntax region jsxString contained start=+'+ end=+'+ contains=jsxEntity,@Spell di
 "          s~~~~~~~~~~~~~~e
 syntax region jsxEscapeJs
     \ contained
-    \ contains=jsTemplateString,jsObject,jsArrowFuncArgs,jsFuncBlock,
-              \jsParen,javascriptIdentifier,javascriptTemplate,
-              \javascriptArrowFunc,jsxRegion
+    \ contains=jsTemplateString,jsObject,jsArrowFuncArgs,
+              \jsFlowDefinition,
+              \jsFuncBlock,jsParen,javascriptIdentifier,
+              \javascriptTemplate,javascriptArrowFunc,
+              \jsxRegion
     \ matchgroup=jsxCloseTag end=+>+
     \ start=+{+
     \ end=+}+
 
+syntax match jsxIfOperator +?+
+syntax match jsxElseOperator +:+
+
 syntax cluster jsExpression add=jsxRegion
 syntax cluster javascriptNoReserved add=jsxRegion
 

sample.js

@@ -2,6 +2,9 @@ class Hoge extends React.Component {
   constructor(props) {
     super(props);
     this.state = { };
+    if ( foo <= 300 ) {
+
+    }
   }
 
   renderHoge() {
@@ -18,6 +21,8 @@ class Hoge extends React.Component {
 
   render() {
     return (
+      <div>
+      </div>
       <div>
         {(hoge => {
           if (hoge) {