MathJ.js

/** @jsx React.DOM */

var MathJ = React.createClass({
  shouldComponentUpdate: function (nextProps, nextState) {
		return this.props.children !== nextProps.children;
	},
	componentDidMount: function (rootNode) {
		MathJax.Hub.Queue(["Typeset", MathJax.Hub, rootNode]);
		MathJax.Hub.Queue([function () {
			rootNode.style.display = 'inline';
		}]);
	},
	componentDidUpdate: function (prevProps, prevState, rootNode) {
		MathJax.Hub.Queue(["Typeset", MathJax.Hub, rootNode]);
	},
	render: function () {
		var style = {display: 'none'};
		if (this.props.type === 'inline') {
			return (
				<span style={style}>{'\\(' + this.props.children + '\\)'}</span>
			);
		} else {
			return (
				<span style={style}>{'$$' + this.props.children + '$$'}</span>
			);
		}
	}
});

window.MathJ = MathJ;