replace text in nodes

Author: stevensacks

README.md

@@ -34,7 +34,7 @@ Then configure the rule under the rules section.
 ```json
 {
     "rules": {
-        "sort-react-dependency-arrays/sort-react-dependency-arrays": 2
+        "sort-react-dependency-arrays/sort": 2
     }
 }
 ```

lib/rules/sort-react-dependency-arrays.js renamed to lib/rules/sort.js

@@ -25,7 +25,7 @@ module.exports = {
         fixable: 'code',
         docs: {
             category: 'Stylistic Issues',
-            description: 'require react dependency arrays to be sorted',
+            description: 'Sort React dependency arrays',
             recommended: false,
             url: 'https://github.com/stevensacks/eslint-plugin-sort-react-dependency-arrays'
         },
@@ -38,16 +38,22 @@ module.exports = {
                     const dependencies = node.arguments[1];
 
                     if (dependencies && dependencies.type === 'ArrayExpression' && dependencies.elements.length > 1) {
-                        const currentNames = dependencies.elements.map(item => item.name);
-                        const sorted = [...dependencies.elements].sort((a, b) => (a.name < b.name ? -1 : 1));
-                        const sortedNames = sorted.map((dep) => dep.name);
+                        const currentDependencies = [...dependencies.elements];
+                        const sortedDependencies = [...dependencies.elements].sort((a, b) => (a.name < b.name ? -1 : 1));
+                        const currentNames = currentDependencies.map(item => item.name);
+                        const sortedNames = sortedDependencies.map(item => item.name);
 
                         if (String(currentNames) !== String(sortedNames)) {
                             context.report({
                                 node,
-                                message: 'Sorting dependencies',
+                                message: 'Sort dependencies',
                                 fix: function (fixer) {
-                                    return fixer.replaceText(dependencies, `[${sortedNames}]`);
+                                    const fixes = [];
+                                    currentDependencies.forEach(
+                                        (dep, index) =>
+                                            fixes.push(fixer.replaceText(dep, sortedNames[index]))
+                                    );
+                                    return fixes;
                                 }
                             });
                         }

package.json

@@ -1,7 +1,7 @@
 {
     "name": "eslint-plugin-sort-react-dependency-arrays",
     "description": "ESLint plugin to alphabetically sort React hook dependency arrays",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "author": "Steven Sacks <[email protected]>",
     "keywords": [
         "eslint",

tests/lib/rules/sort-react-dependency-arrays.js

@@ -6,7 +6,7 @@
 'use strict';
 
 const RuleTester = require('eslint').RuleTester;
-const rule = require('../../../lib/rules/sort-react-dependency-arrays');
+const rule = require('../../../lib/rules/sort');
 
 const ruleTester = new RuleTester({
     parserOptions: {