Cherry-pick squashed version of facebook#4131 - switch website to use babel

vipulnsward · zpao · commit 09ffdf1174a8 · 2015-08-20T16:20:56.000-07:00
diff --git a/docs/Gemfile.lock b/docs/Gemfile.lock
@@ -80,3 +80,6 @@ DEPENDENCIES
   rake
   rb-fsevent
   sanitize (~> 2.0)
+
+BUNDLED WITH
+   1.10.1
diff --git a/docs/Rakefile b/docs/Rakefile
@@ -4,7 +4,8 @@ require('yaml')
 
 desc "generate js from jsx"
 task :js do
-  system "../bin/jsx --harmony _js js"
+  system "cp ../node_modules/babel/node_modules/babel-core/browser.min.js ./js/babel-browser.min.js"
+  system "../node_modules/.bin/babel _js --out-dir=js"
 end
 
 desc "watch js"
diff --git a/docs/_js/jsx-compiler.js b/docs/_js/jsx-compiler.js
@@ -8,34 +8,16 @@ var HelloMessage = React.createClass({\n\
 React.render(<HelloMessage name=\"John\" />, mountNode);\
 ";
 
-function transformer(harmony, code) {
-  return JSXTransformer.transform(code, {harmony: harmony}).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}
           showLineNumbers={true}
         />
-        <label className="compiler-option">
-          <input
-            type="checkbox"
-            onChange={this.handleHarmonyChange}
-            checked={this.state.harmony} />{' '}
-          Enable ES6 transforms (<code>--harmony</code>)
-        </label>
       </div>
     );
   }
diff --git a/docs/_js/live_editor.js b/docs/_js/live_editor.js
@@ -91,7 +91,7 @@ var ReactPlayground = React.createClass({
   getDefaultProps: function() {
     return {
       transformer: function(code) {
-        return JSXTransformer.transform(code).code;
+        return babel.transform(code).code;
       },
       editorTabTitle: 'Live JSX Editor',
       showCompiledJSTab: true,
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -28,10 +28,10 @@
   <script type="text/javascript" src="/react/js/es5-shim.min.js"></script>
   <script type="text/javascript" src="/react/js/es5-sham.min.js"></script>
   <![endif]-->
+  <script type="text/javascript" src="/react/js/babel-browser.min.js"></script>
   <script type="text/javascript" src="/react/js/codemirror.js"></script>
   <script type="text/javascript" src="/react/js/javascript.js"></script>
   <script type="text/javascript" src="/react/js/react.js"></script>
-  <script type="text/javascript" src="/react/js/JSXTransformer.js"></script>
   <script type="text/javascript" src="/react/js/live_editor.js"></script>
 </head>
 <body>
diff --git a/docs/js/JSXTransformer.js b/docs/js/JSXTransformer.js
