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

facebook · Sep 26, 2015 · 2f76d00 · 2f76d00
1 parent d5680ca
commit 2f76d00
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 15,922 deletions.
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/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>