Update to Babel 6

.babelrc

@@ -1,4 +1,4 @@
 {
-  "stage": 0,
+  "plugins": ["transform-react-jsx"],
-  "loose": "all"
+  "presets": ["es2015", "stage-0"]
 }

examples/counter/.babelrc

@@ -1,3 +1,4 @@
 {
-  "stage": 0
+  "plugins": ["transform-react-jsx"],
+  "presets": ["es2015", "stage-0"]
 }

examples/counter/package.json

@@ -23,8 +23,12 @@
     "redux-thunk": "^1.0.0"
   },
   "devDependencies": {
-    "babel-core": "^5.6.18",
+    "babel-cli": "^6.1.2",
-    "babel-loader": "^5.1.4",
+    "babel-core": "^6.1.2",
+    "babel-loader": "^6.0.1",
+    "babel-plugin-transform-react-jsx": "^6.0.18",
+    "babel-preset-es2015": "^6.1.2",
+    "babel-preset-stage-0": "^6.1.2",
     "node-libs-browser": "^0.5.2",
     "react-hot-loader": "^1.3.0",
     "redux-devtools": "^3.0.0-beta-3",

examples/counter/src/components/Counter.js

@@ -1,6 +1,6 @@
 import React, { Component, PropTypes } from 'react';
 
-export default class Counter extends Component {
+class Counter extends Component {
   static propTypes = {
     increment: PropTypes.func.isRequired,
     incrementIfOdd: PropTypes.func.isRequired,
@@ -23,3 +23,5 @@ export default class Counter extends Component {
     );
   }
 }
+
+export default Counter;

examples/todomvc/.babelrc

@@ -1,3 +1,4 @@
 {
-  "stage": 0
+  "plugins": ["transform-react-jsx"],
+  "presets": ["es2015", "stage-0"]
 }

examples/todomvc/components/Footer.js

@@ -8,7 +8,7 @@ const FILTER_TITLES = {
   [SHOW_MARKED]: 'Completed'
 };
 
-export default class Footer extends Component {
+class Footer extends Component {
   static propTypes = {
     markedCount: PropTypes.number.isRequired,
     unmarkedCount: PropTypes.number.isRequired,
@@ -69,3 +69,5 @@ export default class Footer extends Component {
     }
   }
 }
+
+export default Footer;

examples/todomvc/components/Header.js

@@ -1,7 +1,7 @@
 import React, { PropTypes, Component } from 'react';
 import TodoTextInput from './TodoTextInput';
 
-export default class Header extends Component {
+class Header extends Component {
   static propTypes = {
     addTodo: PropTypes.func.isRequired
   };
@@ -23,3 +23,5 @@ export default class Header extends Component {
     );
   }
 }
+
+export default Header;

examples/todomvc/components/MainSection.js

@@ -9,7 +9,7 @@ const TODO_FILTERS = {
   [SHOW_MARKED]: todo => todo.marked
 };
 
-export default class MainSection extends Component {
+class MainSection extends Component {
   static propTypes = {
     todos: PropTypes.array.isRequired,
     actions: PropTypes.object.isRequired
@@ -82,3 +82,5 @@ export default class MainSection extends Component {
     }
   }
 }
+
+export default MainSection;

examples/todomvc/components/TodoItem.js

@@ -2,7 +2,7 @@ import React, { Component, PropTypes } from 'react';
 import classnames from 'classnames';
 import TodoTextInput from './TodoTextInput';
 
-export default class TodoItem extends Component {
+class TodoItem extends Component {
   static propTypes = {
     todo: PropTypes.object.isRequired,
     editTodo: PropTypes.func.isRequired,
@@ -66,3 +66,5 @@ export default class TodoItem extends Component {
     );
   }
 }
+
+export default TodoItem;

examples/todomvc/components/TodoTextInput.js

@@ -1,7 +1,7 @@
 import React, { Component, PropTypes } from 'react';
 import classnames from 'classnames';
 
-export default class TodoTextInput extends Component {
+class TodoTextInput extends Component {
   static propTypes = {
     onSave: PropTypes.func.isRequired,
     text: PropTypes.string,
@@ -53,3 +53,5 @@ export default class TodoTextInput extends Component {
     );
   }
 }
+
+export default TodoTextInput;

examples/todomvc/package.json

@@ -35,8 +35,12 @@
     "redux": "^3.0.0"
   },
   "devDependencies": {
-    "babel-core": "^5.6.18",
+    "babel-cli": "^6.1.2",
-    "babel-loader": "^5.1.4",
+    "babel-core": "^6.1.2",
+    "babel-loader": "^6.0.1",
+    "babel-plugin-transform-react-jsx": "^6.0.18",
+    "babel-preset-es2015": "^6.1.2",
+    "babel-preset-stage-0": "^6.1.2",
     "node-libs-browser": "^0.5.2",
     "raw-loader": "^0.5.1",
     "react-hot-loader": "^1.3.0",

package.json

@@ -7,8 +7,8 @@
     "clean": "rimraf lib",
     "build": "babel src --out-dir lib",
     "lint": "eslint src test examples",
-    "test": "NODE_ENV=test mocha --compilers js:babel/register --recursive",
+    "test": "NODE_ENV=test mocha --compilers js:babel-core/register --recursive",
-    "test:watch": "NODE_ENV=test mocha --compilers js:babel/register --recursive --watch",
+    "test:watch": "NODE_ENV=test mocha --compilers js:babel-core/register --recursive --watch",
     "test:cov": "babel-node ./node_modules/.bin/isparta cover ./node_modules/.bin/_mocha -- --recursive",
     "prepublish": "npm run lint && npm run test && npm run clean && npm run build"
   },
@@ -31,10 +31,13 @@
   },
   "homepage": "https://github.com/gaearon/redux-devtools",
   "devDependencies": {
-    "babel": "^5.5.8",
+    "babel-cli": "^6.1.2",
-    "babel-core": "^5.6.18",
+    "babel-core": "^6.1.2",
-    "babel-eslint": "^3.1.15",
+    "babel-eslint": "^4.1.4",
-    "babel-loader": "^5.1.4",
+    "babel-loader": "^6.0.1",
+    "babel-plugin-transform-react-jsx": "^6.0.18",
+    "babel-preset-es2015": "^6.1.2",
+    "babel-preset-stage-0": "^6.1.2",
     "eslint": "^0.23",
     "eslint-config-airbnb": "0.0.6",
     "eslint-plugin-react": "^2.3.0",

src/createDevTools.js

@@ -11,7 +11,7 @@ export default function createDevTools(children) {
     Monitor.reducer(state, action, monitorProps)
   );
 
-  return class DevTools extends Component {
+  class DevTools extends Component {
     static contextTypes = {
       store: PropTypes.object
     };
@@ -37,6 +37,7 @@ export default function createDevTools(children) {
                           store={this.liftedStore} />
       );
     }
-  };
   }
 
+  return DevTools;
+}