[Refactor] create getScope util; context.getScope is deprecated

Co-authored-by: Mateusz Łopaciński <lop.mateusz.2001@gmail.com>
Co-authored-by: Jordan Harband <ljharb@gmail.com>

Author: MatiPl01

lib/rules/destructuring-assignment.js

@@ -10,6 +10,7 @@ const eslintUtil = require('../util/eslint');
 const isAssignmentLHS = require('../util/ast').isAssignmentLHS;
 const report = require('../util/report');
 
+const getScope = eslintUtil.getScope;
 const getText = eslintUtil.getText;
 
 const DEFAULT_OPTION = 'always';
@@ -105,7 +106,7 @@ module.exports = {
     function handleStatelessComponent(node) {
       const params = evalParams(node.params);
 
-      const SFCComponent = components.get(context.getScope(node).block);
+      const SFCComponent = components.get(getScope(context, node).block);
       if (!SFCComponent) {
         return;
       }
@@ -123,7 +124,7 @@ module.exports = {
     }
 
     function handleStatelessComponentExit(node) {
-      const SFCComponent = components.get(context.getScope(node).block);
+      const SFCComponent = components.get(getScope(context, node).block);
       if (SFCComponent) {
         sfcParams.pop();
       }
@@ -195,7 +196,7 @@ module.exports = {
       'FunctionExpression:exit': handleStatelessComponentExit,
 
       MemberExpression(node) {
-        let scope = context.getScope(node);
+        let scope = getScope(context, node);
         let SFCComponent = components.get(scope.block);
         while (!SFCComponent && scope.upper && scope.upper !== scope) {
           SFCComponent = components.get(scope.upper.block);
@@ -213,7 +214,7 @@ module.exports = {
 
       VariableDeclarator(node) {
         const classComponent = utils.getParentComponent(node);
-        const SFCComponent = components.get(context.getScope(node).block);
+        const SFCComponent = components.get(getScope(context, node).block);
 
         const destructuring = (node.init && node.id && node.id.type === 'ObjectPattern');
         // let {foo} = props;
@@ -251,7 +252,7 @@ module.exports = {
           && destructureInSignature === 'always'
           && node.init.name === 'props'
         ) {
-          const scopeSetProps = context.getScope().set.get('props');
+          const scopeSetProps = getScope(context, node).set.get('props');
           const propsRefs = scopeSetProps && scopeSetProps.references;
           if (!propsRefs) {
             return;

lib/rules/forbid-prop-types.js

@@ -163,7 +163,7 @@ module.exports = {
           checkProperties(node.properties);
           break;
         case 'Identifier': {
-          const propTypesObject = variableUtil.findVariableByName(context, node.name);
+          const propTypesObject = variableUtil.findVariableByName(context, node, node.name);
           if (propTypesObject && propTypesObject.properties) {
             checkProperties(propTypesObject.properties);
           }

lib/rules/jsx-fragments.js

@@ -102,8 +102,8 @@ module.exports = {
       };
     }
 
-    function refersToReactFragment(name) {
-      const variableInit = variableUtil.findVariableByName(context, name);
+    function refersToReactFragment(node, name) {
+      const variableInit = variableUtil.findVariableByName(context, node, name);
       if (!variableInit) {
         return false;
       }
@@ -184,7 +184,7 @@ module.exports = {
           const openingEl = node.openingElement;
           const elName = elementType(openingEl);
 
-          if (fragmentNames.has(elName) || refersToReactFragment(elName)) {
+          if (fragmentNames.has(elName) || refersToReactFragment(node, elName)) {
             if (reportOnReactVersion(node)) {
               return;
             }

lib/rules/jsx-max-depth.js

@@ -150,7 +150,7 @@ module.exports = {
           return;
         }
 
-        const variables = variableUtil.variablesInScope(context);
+        const variables = variableUtil.variablesInScope(context, node);
         const element = findJSXElementOrFragment(variables, node.expression.name, []);
 
         if (element) {

lib/rules/jsx-no-constructed-context-values.js

@@ -8,6 +8,7 @@
 
 const Components = require('../util/Components');
 const docsUrl = require('../util/docsUrl');
+const getScope = require('../util/eslint').getScope;
 const report = require('../util/report');
 
 // ------------------------------------------------------------------------------
@@ -180,7 +181,7 @@ module.exports = {
         }
 
         const valueExpression = valueNode.expression;
-        const invocationScope = context.getScope();
+        const invocationScope = getScope(context, node);
 
         // Check if the value prop is a construction
         const constructInfo = isConstruction(valueExpression, invocationScope);

lib/rules/jsx-no-leaked-render.js

@@ -161,7 +161,7 @@ module.exports = {
           if (isCoerceValidLeftSide || getIsCoerceValidNestedLogicalExpression(leftSide)) {
             return;
           }
-          const variables = variableUtil.variablesInScope(context);
+          const variables = variableUtil.variablesInScope(context, node);
           const leftSideVar = variableUtil.getVariable(variables, leftSide.name);
           if (leftSideVar) {
             const leftSideValue = leftSideVar.defs

lib/rules/jsx-no-undef.js

@@ -51,7 +51,7 @@ module.exports = {
      * @returns {void}
      */
     function checkIdentifierInJSX(node) {
-      let scope = context.getScope();
+      let scope = eslintUtil.getScope(context, node);
       const sourceCode = eslintUtil.getSourceCode(context);
       const sourceType = sourceCode.ast.sourceType;
       const scopeUpperBound = !allowGlobals && sourceType === 'module' ? 'module' : 'global';

lib/rules/jsx-sort-default-props.js

@@ -91,11 +91,14 @@ module.exports = {
 
     /**
      * Find a variable by name in the current scope.
+     * @param  {ASTNode} node The node to look for.
      * @param  {string} name Name of the variable to look for.
      * @returns {ASTNode|null} Return null if the variable could not be found, ASTNode otherwise.
      */
-    function findVariableByName(name) {
-      const variable = variableUtil.variablesInScope(context).find((item) => item.name === name);
+    function findVariableByName(node, name) {
+      const variable = variableUtil
+        .variablesInScope(context, node)
+        .find((item) => item.name === name);
 
       if (!variable || !variable.defs[0] || !variable.defs[0].node) {
         return null;
@@ -151,7 +154,7 @@ module.exports = {
       if (node.type === 'ObjectExpression') {
         checkSorted(node.properties);
       } else if (node.type === 'Identifier') {
-        const propTypesObject = findVariableByName(node.name);
+        const propTypesObject = findVariableByName(node, node.name);
         if (propTypesObject && propTypesObject.properties) {
           checkSorted(propTypesObject.properties);
         }

lib/rules/no-access-state-in-setstate.js

@@ -8,6 +8,7 @@
 const docsUrl = require('../util/docsUrl');
 const componentUtil = require('../util/componentUtil');
 const report = require('../util/report');
+const getScope = require('../util/eslint').getScope;
 
 // ------------------------------------------------------------------------------
 // Rule Definition
@@ -47,8 +48,15 @@ module.exports = {
       return current.arguments[0] === node;
     }
 
-    function isClassComponent() {
-      return !!(componentUtil.getParentES6Component(context) || componentUtil.getParentES5Component(context));
+    /**
+     * @param {ASTNode} node
+     * @returns {boolean}
+     */
+    function isClassComponent(node) {
+      return !!(
+        componentUtil.getParentES6Component(context, node)
+        || componentUtil.getParentES5Component(context, node)
+      );
     }
 
     // The methods array contains all methods or functions that are using this.state
@@ -58,7 +66,7 @@ module.exports = {
     const vars = [];
     return {
       CallExpression(node) {
-        if (!isClassComponent()) {
+        if (!isClassComponent(node)) {
           return;
         }
         // Appends all the methods that are calling another
@@ -103,7 +111,7 @@ module.exports = {
         if (
           node.property.name === 'state'
           && node.object.type === 'ThisExpression'
-          && isClassComponent()
+          && isClassComponent(node)
         ) {
           let current = node;
           while (current.type !== 'Program') {
@@ -134,7 +142,7 @@ module.exports = {
             if (current.type === 'VariableDeclarator') {
               vars.push({
                 node,
-                scope: context.getScope(),
+                scope: getScope(context, node),
                 variableName: current.id.name,
               });
               break;
@@ -158,7 +166,7 @@ module.exports = {
           while (current.type !== 'Program') {
             if (isFirstArgumentInSetStateCall(current, node)) {
               vars
-                .filter((v) => v.scope === context.getScope() && v.variableName === node.name)
+                .filter((v) => v.scope === getScope(context, node) && v.variableName === node.name)
                 .forEach((v) => {
                   report(context, messages.useCallback, 'useCallback', {
                     node: v.node,
@@ -176,7 +184,7 @@ module.exports = {
           if (property && property.key && property.key.name === 'state' && isDerivedFromThis) {
             vars.push({
               node: property.key,
-              scope: context.getScope(),
+              scope: getScope(context, node),
               variableName: property.key.name,
             });
           }

lib/rules/no-array-index-key.js

@@ -28,7 +28,7 @@ function isCreateCloneElement(node, context) {
   }
 
   if (node.type === 'Identifier') {
-    const variable = variableUtil.findVariableByName(context, node.name);
+    const variable = variableUtil.findVariableByName(context, node, node.name);
     if (variable && variable.type === 'ImportSpecifier') {
       return variable.parent.source.value === 'react';
     }