browserify v2 plugin for applying coffee-react-transform

mix and match .cjsx and .coffee files in the same project

given some files written in a mix of coffee and cjsx:

neat-ui.coffee:

require './rad-component.cjsx'

React.renderComponent RadComponent({rad:"mos def"}),
	document.getElementById('container')

rad-component.cjsx:

# @cjsx React.DOM 

React = require('react')

RadComponent = React.createClass
  render: ->
    <div className="rad-component">
      <p>is this component rad? {@props.rad}</p>
    </div>

install coffee-reactify:

$ npm install coffee-reactify

when you compile your app, pass -t coffee-reactify to browserify:

$ browserify -t coffee-reactify neat-ui.coffee > bundle.js

you can omit the .cjsx extension from your requires if you add the extension to browserify's module extensions:

require './component'
...

$ browserify -t coffee-reactify --extension=".cjsx" neat-ui.coffee > bundle.js

providing the transform option coffeeout: true will passthrough the transformed output of .coffee files with the @cjsx pragma without compiling them to javascript. this means you can use a different coffee compiler transform such as icsify or coffeeify in conjunction with this transform.

note: at this stage, .cjsx files will still be compiled even with --coffeeout. this is a workaround for the fact that other transform modules like coffeeify will ignore .cjsx files due to the different file extension.

$ browserify -t [ coffee-reactify --coffeeout ] -t coffeeify neat-ui.coffee > bundle.js

With npm do:

npm install coffee-reactify

MIT