Handle string quotes in JSX

[edemaine]

Prerequisites

• [X] Put an X between the brackets on this line if you have done all of the following:
  • Reproduced the problem in Safe Mode: https://flight-manual.atom.io/hacking-atom/sections/debugging/#using-safe-mode
  • Followed all applicable steps in the debugging guide: https://flight-manual.atom.io/hacking-atom/sections/debugging/
  • Checked the FAQs on the message board for common solutions: https://discuss.atom.io/c/faq
  • Checked that your issue isn't already filed: https://github.com/issues?utf8=✓&q=is%3Aissue+user%3Aatom
  • Checked that there is not already an Atom package that provides the described functionality: https://atom.io/packages

Description

String quotes should not be processed when inside JSX (HTML) blocks.

Steps to Reproduce

1. Create a file test.coffee

2. Type the following file content:

   <code>
    Hello world's
    this is some {'text'}
   </code>

Expected behavior:

This is the highlighting I expect, which is what I get when using JavaScript highlighting (.jsx extension):

Actual behavior:

This is the highlighting I get:

Reproduces how often:

100%

Versions

1.54.0 x64 on Windows 10

I originally observed this issue in vscode (see https://github.com/microsoft/vscode/issues/117143).

Additional Information

I'm new to these JSON syntax files, but given that it works in JavaScript, I imagine it is possible (and hopefully easy?) to fix.

Related issue: #135. But I think that should be closed, because #172 merged.

[edemaine]

I just noticed https://github.com/crisward/cjsx which might be an approach to solving this issue.