Play with flow type checker

lib/tasks/assets/javascripts/lint.js

@@ -55,6 +55,11 @@ export default (gulp, config) => {
           file.eslint.results[0].filePath =
             path.relative(process.cwd(), file.path)
 
+          // const contents = `/* @flow */\n\n${file.contents.toString()}`
+          // const flowJsdoc = require("flow-jsdoc")
+          // const annotatedContents = flowJsdoc(contents)
+          // console.log(annotatedContents)
+
           /* Push file to next stage */
           this.push(file)
           done()

package.json

@@ -38,6 +38,8 @@
     "babel-eslint": "^7.1.1",
     "babel-loader": "^6.3.1",
     "babel-plugin-add-module-exports": "^0.2.1",
+    "babel-plugin-syntax-flow": "^6.18.0",
+    "babel-plugin-transform-flow-strip-types": "^6.22.0",
     "babel-plugin-transform-react-jsx": "^6.8.0",
     "babel-polyfill": "^6.20.0",
     "babel-preset-es2015": "^6.22.0",
@@ -50,6 +52,7 @@
     "ecstatic": "^2.1.0",
     "eslint": "^3.14.0",
     "fastclick": "^1.0.6",
+    "flow-jsdoc": "^0.2.2",
     "git-hooks": "^1.1.7",
     "gulp": "^3.9.1",
     "gulp-changed": "^2.0.0",

src/.babelrc

@@ -5,6 +5,8 @@
   "plugins": [
     ["transform-react-jsx", {
       "pragma": "JSX.createElement"
-    }]
+    }],
+    "syntax-flow",
+    "transform-flow-strip-types"
   ]
 }

src/assets/javascripts/components/Material/Nav/Blur.js

@@ -38,7 +38,7 @@ export default class Blur {
       : els
 
     /* Initialize index and page y-offset */
-    this.index_  = 0
+    this.index_ = 0
     this.offset_ = window.pageYOffset
 
     /* Necessary state to correctly reset the index */