Revert "Add --harmony option to live JSX compiler page"

sophiebits · sophiebits · commit 0ecf9f0599b4 · 2014-06-30T01:06:52.000-07:00
This reverts commit 661bafb. (Depends on a newer version of JSXTransformer than the site currently has.)
diff --git a/docs/_css/react.scss b/docs/_css/react.scss
@@ -454,11 +454,6 @@ section.black content {
   padding-top: 20px;
   width: 1220px;
 
-  label.compiler-option {
-    display: block;
-    margin-top: 5px;
-  }
-
   #jsxCompiler {
     margin-top: 20px;
   }
diff --git a/docs/_js/jsx-compiler.js b/docs/_js/jsx-compiler.js
@@ -13,38 +13,15 @@ var HelloMessage = React.createClass({\n\
 React.renderComponent(<HelloMessage name=\"John\" />, mountNode);\
 ";
 
-function transformer(harmony, code) {
-  return JSXTransformer.transform(code, {harmony: harmony}).code;
+var transformer = function(code) {
+  return JSXTransformer.transform(code).code;
 }
-
-var CompilerPlayground = React.createClass({
-  getInitialState: function() {
-    return {harmony: false};
-  },
-  handleHarmonyChange: function(e) {
-    this.setState({harmony: e.target.checked});
-  },
-  render: function() {
-    return (
-      <div>
-        <ReactPlayground
-          codeText={HELLO_COMPONENT}
-          renderCode={true}
-          transformer={transformer.bind(null, this.state.harmony)}
-          showCompiledJSTab={false}
-        />
-        <label className="compiler-option">
-          <input
-            type="checkbox"
-            onChange={this.handleHarmonyChange}
-            checked={this.state.harmony} />{' '}
-          Enable ES6 transforms (<code>--harmony</code>)
-        </label>
-      </div>
-    );
-  },
-});
 React.renderComponent(
-  <CompilerPlayground />,
+  <ReactPlayground
+    codeText={HELLO_COMPONENT}
+    renderCode={true}
+    transformer={transformer}
+    showCompiledJSTab={false}
+  />,
   document.getElementById('jsxCompiler')
 );
diff --git a/docs/_js/live_editor.js b/docs/_js/live_editor.js
@@ -173,11 +173,10 @@ var ReactPlayground = React.createClass({
     this.executeCode();
   },
 
-  componentDidUpdate: function(prevProps, prevState) {
+  componentWillUpdate: function(nextProps, nextState) {
     // execute code only when the state's not being updated by switching tab
     // this avoids re-displaying the error, which comes after a certain delay
-    if (this.props.transformer !== prevProps.transformer ||
-        this.state.code !== prevState.code) {
+    if (this.state.code !== nextState.code) {
       this.executeCode();
     }
   },
