coffeescript-react (.cjsx) Support in Webstorm - coffeescript

Question

Is there a way to get any kind of syntax highlighting for .cjsx (jsx in coffeescript) files in WebStorm?
Currently, I'm using a Sublime plugin, which is great, but I'd prefer to stay in WebStorm if possible.
I understand WebStorm supports TextMate bundles, so that may be a viable option but I couldn't find one for cjsx.

Answer 1

Atom, the hackable editor, written in coffeescript, has great support for cjsx. (yes, look at that, another really, really, really large project using coffeescript)
I'm using the community (a really, really large community) supported package cjsx-language https://atom.io/packages/language-cjsx
I've almost broken the $1200 chain of IntelliJ. Here is a gist of my atom setup and packages: https://gist.github.com/littlebee/34a60734de79f6f78c56
This was saved by this genius little package: https://atom.io/packages/sync-settings. It wont let you backup to my gist without a key but it might let you restore from it.

Answer 2

Use this textmate bundle (meant for webstorm cjsx): https://github.com/ruswerner/cjsx.tmbundle

Answer 3

I would advice against using CoffeeScript in WebStorm for large projects (see comments section). If you really need to, then you can always use backticks to tell the CoffeeScript compiler to skip the code within the backticks.
render: () ->
return `<div>Hi</div>`;
WebStorm will highlight this just fine if in Settings you select "JSX Harmony" as in the Javascript settings. Now let these cjsx files compile in 2 steps: CoffeeScript -> JavaScript with JSX, then JavaScript with JSX -> JavaScript. If you're using Webpack, it's as simple as:
{include: /\.cjsx$/, loaders: ["coffee-loader", "jsx-loader"]}