Add babel standalone for the playground live editor

Author: javivelasco

docs/app/components/preview/index.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import babel from 'babel-core/browser';
+import { transform } from 'babel-standalone';
 import * as ReactToolbox from 'react-toolbox';
 import style from './style';
 
@@ -47,8 +47,9 @@ const Preview = React.createClass({
       (function (${Object.keys(this.props.scope).join(', ')}, mountNode) {
         ${this.props.code}
       });`;
-    return babel.transform(code, {
-      optional: ['es7.classProperties', 'es7.exportExtensions']
+
+    return transform(code, {
+      presets: ['es2015', 'stage-0', 'react']
     }).code;
   },
 

docs/package.json

@@ -9,6 +9,7 @@
     "deploy": "gh-pages -d build"
   },
   "dependencies": {
+    "babel-standalone": "^1.0.0",
     "classnames": "^2.2.1",
     "codemirror": "^5.10.0",
     "history": "^1.17.0",