Upgrade to babel6

.babelrc

@@ -0,0 +1,40 @@
+{
+  "presets": [
+    "react",
+    "es2015",
+    "stage-0"
+  ],
+  "plugins":["transform-runtime"],
+  "env": {
+    // this plugin will be included only in development mode, e.g.
+    // if NODE_ENV (or BABEL_ENV) environment variable is not set
+    // or is equal to "development"
+    "development": {
+      "plugins": [
+        // must be an array with options object as second item
+        [
+          "react-transform",
+          {
+            // must be an array of objects
+            "transforms": [
+              {
+                // can be an NPM module name or a local path
+                "transform": "react-transform-hmr",
+                // see transform docs for "imports" and "locals" dependencies
+                "imports": [
+                  "react"
+                ],
+                "locals": [
+                  "module"
+                ]
+              }
+            ]
+            // by default we only look for `React.createClass` (and ES6 classes)
+            // but you can tell the plugin to look for different component factories:
+            // factoryMethods: ["React.createClass", "createClass"]
+          }
+        ]
+      ]
+    }
+  }
+}

package.json

@@ -10,6 +10,9 @@
     "email": "adambbecker@gmail.com",
     "url": "https://github.com/adambbecker"
   },
+  "scripts": {
+    "start": "webpack-dev-server --config ./webpack.config.js --entry ./src/main.js --inline --hot --port 3000 --content-base ./src --output-filename=dist/main.js"
+  },
   "dependencies": {
     "abb-reset-css": "git://github.com/adambbecker/abb-reset-css.git",
     "express": "^4.13.1",
@@ -20,8 +23,14 @@
     "react-onclickoutside": "^0.3.0"
   },
   "devDependencies": {
-    "babel-core": "^5.6.15",
-    "babel-loader": "^5.3.1",
+    "babel-core": "^6.4.5",
+    "babel-loader": "^6.2.1",
+    "babel-plugin-react-transform": "^2.0.0",
+    "babel-plugin-transform-runtime": "^6.4.3",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
+    "babel-runtime": "^6.3.19",
     "css-loader": "^0.15.1",
     "file-loader": "^0.8.4",
     "grunt": "^0.4.5",
@@ -30,10 +39,12 @@
     "grunt-webpack": "^1.0.11",
     "load-grunt-tasks": "^3.2.0",
     "node-libs-browser": "^0.5.2",
+    "node-uuid": "^1.4.7",
     "react-hot-loader": "^1.2.7",
+    "react-transform-hmr": "^1.0.1",
     "style-loader": "^0.12.3",
     "url-loader": "^0.5.6",
     "webpack": "^1.10.1",
-    "webpack-dev-server": "^1.10.1"
+    "webpack-dev-server": "^1.14.1"
   }
 }

src/components/sidebar/current-site/card-container.jsx

@@ -5,7 +5,6 @@
 // =====================================================
 
 // ---- External Dependencies ----
-require('babel-core/polyfill'); // needed for Object.assign
 import React from 'react';
 import { TransitionSpring } from 'react-motion';
 

src/components/sidebar/demo.jsx

@@ -5,7 +5,6 @@
 // =========================================
 
 // ---- External Dependencies ----
-require('babel-core/polyfill'); // needed for Object.assign
 import React from 'react';
 import { Spring, TransitionSpring } from 'react-motion';
 import ga from '../../ga.js';

src/components/sidebar/site-list-search.jsx

@@ -5,7 +5,6 @@
 // =========================================
 
 // ---- External Dependencies ----
-require('babel-core/polyfill'); // needed for Object.assign
 import React from 'react';
 
 // ---- Internal Dependencies ----

webpack.config.js

@@ -1,4 +1,5 @@
 var path = require('path');
+var join = path.join.bind(path, __dirname);
 
 module.exports = {
 
@@ -15,6 +16,11 @@ module.exports = {
 
   module: {
     loaders: [{
+        test:/\.jsx?$/,
+        loader:'babel',
+        include:join('src')
+    }
+      ,{
       test: /\.css$/,
       loader: 'style-loader!css-loader'
     }, {