Flow 0.53 support

README.md

@@ -40,6 +40,7 @@ You can also specify some settings that will be shared across all the plugin rul
       "createClass": "createReactClass", // Regex for Component Factory to use, default to "createReactClass"
       "pragma": "React",  // Pragma to use, default to "React"
       "version": "15.0" // React version, default to the latest React stable release
+      "flowVersion": "0.53" // Flow version
     },
     "propWrapperFunctions": [ "forbidExtraProps" ] // The names of any functions used to wrap the propTypes object, such as `forbidExtraProps`. If this isn't set, any propTypes wrapped in a function will be skipped.
   }

lib/rules/no-deprecated.js

@@ -78,7 +78,7 @@ module.exports = {
       return (
         deprecated &&
         deprecated[method] &&
-        versionUtil.test(context, deprecated[method][0])
+        versionUtil.testReactVersion(context, deprecated[method][0])
       );
     }
 

lib/rules/no-render-return-value.js

@@ -35,11 +35,11 @@ module.exports = {
         }
 
         let calleeObjectName = /^ReactDOM$/;
-        if (versionUtil.test(context, '15.0.0')) {
+        if (versionUtil.testReactVersion(context, '15.0.0')) {
           calleeObjectName = /^ReactDOM$/;
-        } else if (versionUtil.test(context, '0.14.0')) {
+        } else if (versionUtil.testReactVersion(context, '0.14.0')) {
           calleeObjectName = /^React(DOM)?$/;
-        } else if (versionUtil.test(context, '0.13.0')) {
+        } else if (versionUtil.testReactVersion(context, '0.13.0')) {
           calleeObjectName = /^React$/;
         }
 

lib/rules/prefer-stateless-function.js

@@ -371,7 +371,7 @@ module.exports = {
           scope = scope.upper;
         }
         const isRender = blockNode && blockNode.key && blockNode.key.name === 'render';
-        const allowNull = versionUtil.test(context, '15.0.0'); // Stateless components can return null since React 15
+        const allowNull = versionUtil.testReactVersion(context, '15.0.0'); // Stateless components can return null since React 15
         const isReturningJSX = utils.isReturningJSX(node, !allowNull);
         const isReturningNull = node.argument && (node.argument.value === null || node.argument.value === false);
         if (

lib/rules/prop-types.js

@@ -11,6 +11,7 @@ const has = require('has');
 const Components = require('../util/Components');
 const variable = require('../util/variable');
 const annotations = require('../util/annotations');
+const versionUtil = require('../util/version');
 
 // ------------------------------------------------------------------------------
 // Constants
@@ -173,7 +174,7 @@ module.exports = {
      */
     function isSuperTypeParameterPropsDeclaration(node) {
       if (node && node.type === 'ClassDeclaration') {
-        if (node.superTypeParameters && node.superTypeParameters.params.length >= 2) {
+        if (node.superTypeParameters && node.superTypeParameters.params.length > 0) {
           return true;
         }
       }
@@ -857,7 +858,17 @@ module.exports = {
      * @returns {ASTNode} The resolved type annotation for the node.
      */
     function resolveSuperParameterPropsType(node) {
-      let annotation = node.superTypeParameters.params[1];
+      let propsParameterPosition;
+      try {
+        // Flow <=0.52 had 3 required TypedParameters of which the second one is the Props.
+        // Flow >=0.53 has 2 optional TypedParameters of which the first one is the Props.
+        propsParameterPosition = versionUtil.testFlowVersion(context, '0.53.0') ? 0 : 1;
+      } catch (e) {
+        // In case there is no flow version defined, we can safely assume that when there are 3 Props we are dealing with version <= 0.52
+        propsParameterPosition = node.superTypeParameters.params.length <= 2 ? 0 : 1;
+      }
+
+      let annotation = node.superTypeParameters.params[propsParameterPosition];
       while (annotation && (annotation.type === 'TypeAnnotation' || annotation.type === 'NullableTypeAnnotation')) {
         annotation = annotation.typeAnnotation;
       }

lib/util/version.js

@@ -1,10 +1,10 @@
 /**
- * @fileoverview Utility functions for React version configuration
+ * @fileoverview Utility functions for React and Flow version configuration
  * @author Yannick Croissant
  */
 'use strict';
 
-function getFromContext(context) {
+function getReactVersionFromContext(context) {
   let confVer = '999.999.999';
   // .eslintrc shared settings (http://eslint.org/docs/user-guide/configuring#adding-shared-settings)
   if (context.settings.react && context.settings.react.version) {
@@ -14,8 +14,19 @@ function getFromContext(context) {
   return confVer.split('.').map(part => Number(part));
 }
 
-function test(context, methodVer) {
-  const confVer = getFromContext(context);
+function getFlowVersionFromContext(context) {
+  let confVer = '999.999.999';
+  // .eslintrc shared settings (http://eslint.org/docs/user-guide/configuring#adding-shared-settings)
+  if (context.settings.react && context.settings.react.flowVersion) {
+    confVer = context.settings.react.flowVersion;
+  } else {
+    throw 'Could not retrieve flowVersion from settings';
+  }
+  confVer = /^[0-9]+\.[0-9]+$/.test(confVer) ? `${confVer}.0` : confVer;
+  return confVer.split('.').map(part => Number(part));
+}
+
+function test(context, methodVer, confVer) {
   methodVer = methodVer.split('.').map(part => Number(part));
   const higherMajor = methodVer[0] < confVer[0];
   const higherMinor = methodVer[0] === confVer[0] && methodVer[1] < confVer[1];
@@ -24,6 +35,15 @@ function test(context, methodVer) {
   return higherMajor || higherMinor || higherOrEqualPatch;
 }
 
+function testReactVersion(context, methodVer) {
+  return test(context, methodVer, getReactVersionFromContext(context));
+}
+
+function testFlowVersion(context, methodVer) {
+  return test(context, methodVer, getFlowVersionFromContext(context));
+}
+
 module.exports = {
-  test: test
+  testReactVersion,
+  testFlowVersion
 };