jsx highlighting breaks if text in span contains key words of typescript

[stepancar]

Hello!
this screen demonstrate this issue

Thank you!

[basarat]

Sample 🌹

let x = <div>
    I do declare that this is a bug
</div>

[nycdotnet]

Good show old chap!

[stepancar]

@basarat, maybe you can help me with this issue. I dont know how to fix it, and how to find reason of this behavior. But i wanna help. Thank you.

[basarat]

dont know how to fix it, and how to find reason of this behavior. But i wanna help. Thank you.

Basic

The issue is that the tsx grammar is breaking into ts in a string literal.

Further info

This is the grammar file : https://github.com/TypeStrong/atom-typescript/blob/master/grammars/tsx.cson which is a shameless copy of atom-react (current code). If the bug exists here there is probably a bug upstream and worth reporting to https://github.com/orktes/atom-react/issues (or check if its already there) so that we get more 👀 on it.

Also @Cu3PO42 is the resident grammar expert so one can direct questions for him 🌹

Also I have some docs linked here : https://github.com/TypeStrong/atom-typescript/blob/master/docs/grammar.md 🌹