Babel 6 + flow

Author: STRML

.babelrc

@@ -1,10 +1,7 @@
 {
-  "stage": 0,
-  "env": {
-    "test": {
-      "plugins": [
-        "typecheck"
-      ]
-    }
-  }
+  "presets": [
+    "es2015",
+    "stage-1",
+    "react"
+  ]
 }

.eslintrc

@@ -26,5 +26,10 @@
   },
   "ecmaFeatures": {
     "jsx": true
+  },
+  "globals": {
+    // For Flow
+    "ReactElement",
+    "ReactClass"
   }
 }

.flowconfig

@@ -0,0 +1,20 @@
+[ignore]
+.*/node_modules/react/.*
+.*/node_modules/babel.*
+.*/node_modules/fbjs/.*
+.*test
+
+[include]
+./lib
+index.js
+
+[libs]
+
+[options]
+suppress_comment=.*\\\\s*$FlowFixMe.*
+suppress_comment=.*\\\\s*$FlowBug.*
+suppress_comment=.*\\\\s*$FlowIgnore.*
+suppress_comment=\\(.\\|\n\\)*\\$FlowNewLine.*
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue
+esproposal.class_instance_fields=ignore
+esproposal.class_static_fields=ignore

lib/ResizableBox.jsx

@@ -59,7 +59,7 @@ export default class ResizableBox extends React.Component {
       height = Math.min(max[1], height);
     }
     return [width, height];
-  }
+  };
 
   render() {
     // Basic wrapper around a Resizable instance.

package.json

@@ -4,11 +4,11 @@
   "description": "A component that is resizable with handles.",
   "main": "index.js",
   "scripts": {
-    "lint": "eslint lib/ test/",
+    "lint": "eslint --ext .js,.jsx lib/ test/; flow",
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "bash build.sh",
     "build-example": "webpack",
-    "dev": "echo 'Open http://localhost:4002/examples/1.html' && cross-env NODE_ENV=test webpack-dev-server --config webpack-dev-server.config.js --hot --progress --colors --port 4002 --content-base .",
+    "dev": "echo 'Open http://localhost:4003/examples/1.html' && cross-env NODE_ENV=test webpack-dev-server --config webpack-dev-server.config.js --hot --progress --colors --port 4003 --content-base .",
     "prepublish": "npm run build",
     "validate": "npm ls"
   },
@@ -28,26 +28,28 @@
   },
   "homepage": "https://github.com/STRML/react-resizable",
   "devDependencies": {
-    "babel": "^5.8.29",
-    "babel-core": "^5.8.29",
-    "babel-eslint": "^4.1.3",
-    "babel-loader": "^5.3.2",
-    "babel-plugin-typecheck": "^1.3.0",
+    "babel-cli": "^6.5.1",
+    "babel-core": "^6.5.1",
+    "babel-eslint": "^4.1.8",
+    "babel-loader": "^6.2.2",
+    "babel-preset-es2015": "^6.5.0",
+    "babel-preset-react": "^6.5.0",
+    "babel-preset-stage-1": "^6.5.0",
     "cross-env": "^1.0.7",
-    "css-loader": "^0.23.0",
-    "eslint": "^1.9.0",
-    "eslint-plugin-react": "^3.8.0",
-    "lodash": "^3.10.1",
+    "css-loader": "^0.23.1",
+    "eslint": "^1.10.3",
+    "eslint-plugin-react": "^3.16.1",
+    "lodash": "^4.3.0",
     "pre-commit": "^1.1.2",
-    "react": "^0.14.2",
+    "react": "^0.14.7",
     "style-loader": "^0.13.0",
-    "webpack": "^1.12.6",
-    "webpack-dev-server": "^1.12.1"
+    "webpack": "^1.12.13",
+    "webpack-dev-server": "^1.14.1"
   },
   "dependencies": {
-    "react-dom": "^0.14.2",
+    "react-dom": "^0.14.7",
     "object-assign": "^4.0.1",
-    "react-draggable": "^1.1.0"
+    "react-draggable": "^1.2.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

webpack-dev-server.config.js

@@ -12,7 +12,7 @@ module.exports = {
     },
     module: {
       loaders: [
-        {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader'}
+        {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader?cacheDirectory=true'}
       ]
     },
     debug: true,

webpack.config.js

@@ -10,7 +10,7 @@ module.exports = {
     },
     module: {
       loaders: [
-        {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader?stage=0'},
+        {test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader?cacheDirectory=true'},
       ]
     },
     resolve: {