Add instance-methods and instance-variables to sort-comp.

Author: RDGthree

lib/rules/sort-comp.js

@@ -171,6 +171,20 @@ module.exports = {
         }
       }
 
+      if (indexes.length === 0 && method.instanceVariable) {
+        const annotationIndex = methodsOrder.indexOf('instance-variables');
+        if (annotationIndex >= 0) {
+          indexes.push(annotationIndex);
+        }
+      }
+
+      if (indexes.length === 0 && method.instanceMethod) {
+        const annotationIndex = methodsOrder.indexOf('instance-methods');
+        if (annotationIndex >= 0) {
+          indexes.push(annotationIndex);
+        }
+      }
+
       // No matching pattern, return 'everything-else' index
       if (indexes.length === 0) {
         for (i = 0, j = methodsOrder.length; i < j; i++) {
@@ -384,6 +398,8 @@ module.exports = {
         getter: node.kind === 'get',
         setter: node.kind === 'set',
         static: node.static,
+        instanceVariable: node.value && node.value.type !== 'ArrowFunctionExpression' && node.value.type !== 'FunctionExpression',
+        instanceMethod: node.value && (node.value.type === 'ArrowFunctionExpression' || node.value.type === 'FunctionExpression'),
         typeAnnotation: !!node.typeAnnotation && node.value === null
       }));
 

tests/lib/rules/sort-comp.js

@@ -310,6 +310,49 @@ ruleTester.run('sort-comp', rule, {
         'render'
       ]
     }]
+  }, {
+    // Instance methods should be at the top
+    code: [
+      'class Hello extends React.Component {',
+      '  foo = () => {}',
+      '  constructor() {}',
+      '  render() {',
+      '    return <div>{this.props.text}</div>;',
+      '  }',
+      '}'
+    ].join('\n'),
+    parser: 'babel-eslint',
+    options: [{
+      order: [
+        'instance-methods',
+        'static-methods',
+        'lifecycle',
+        'everything-else',
+        'render'
+      ]
+    }]
+  }, {
+    // Instance variables should be at the top
+    code: [
+      'class Hello extends React.Component {',
+      '  foo = "bar"',
+      '  constructor() {}',
+      '  state = {}',
+      '  render() {',
+      '    return <div>{this.props.text}</div>;',
+      '  }',
+      '}'
+    ].join('\n'),
+    parser: 'babel-eslint',
+    options: [{
+      order: [
+        'instance-variables',
+        'static-methods',
+        'lifecycle',
+        'everything-else',
+        'render'
+      ]
+    }]
   }],
 
   invalid: [{
@@ -515,5 +558,50 @@ ruleTester.run('sort-comp', rule, {
         'render'
       ]
     }]
+  }, {
+    // Instance methods should not be at the top
+    code: [
+      'class Hello extends React.Component {',
+      '  constructor() {}',
+      '  foo = () => {}',
+      '  render() {',
+      '    return <div>{this.props.text}</div>;',
+      '  }',
+      '}'
+    ].join('\n'),
+    parser: 'babel-eslint',
+    errors: [{message: 'constructor should be placed after foo'}],
+    options: [{
+      order: [
+        'instance-methods',
+        'static-methods',
+        'lifecycle',
+        'everything-else',
+        'render'
+      ]
+    }]
+  }, {
+    // Instance variables should not be at the top
+    code: [
+      'class Hello extends React.Component {',
+      '  constructor() {}',
+      '  state = {}',
+      '  foo = "bar"',
+      '  render() {',
+      '    return <div>{this.props.text}</div>;',
+      '  }',
+      '}'
+    ].join('\n'),
+    parser: 'babel-eslint',
+    errors: [{message: 'foo should be placed before constructor'}],
+    options: [{
+      order: [
+        'instance-variables',
+        'static-methods',
+        'lifecycle',
+        'everything-else',
+        'render'
+      ]
+    }]
   }]
 });