@dineroregnskab/eslint-plugin-custom-rules 2.0.0 → 2.0.2

package/README.md

@@ -57,6 +57,8 @@ npm i
 #
 See [ESLint custom rule tutorial](https://eslint.org/docs/latest/extend/custom-rule-tutorial) for more.
 
+Useful tool for working with AST tree: [AST Explorer](https://astexplorer.net/)
+
 ## License
 
 [MIT](https://choosealicense.com/licenses/mit/)

package/eslint-plugin-custom-rules.js

@@ -1,5 +1,5 @@
 const returnReducerRule = require('./rules/reducers-should-always-return');
-const camelCaseRule = require('./rules/camel-case');
+const camelCaseRule = require('./rules/camel-case-attributes');
 
 const customRulesplugin = {
     rules: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dineroregnskab/eslint-plugin-custom-rules",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "ESLint plugin with custom rules for Dineroregnskab",
   "main": "eslint-plugin-custom-rules.js",
   "scripts": {
@@ -18,5 +18,8 @@
   "files": [
     "**/*",
     "!example/**/*"
-  ]
+  ],
+  "dependencies": {
+    "@angular-eslint/template-parser": "^17.1.0"
+  }
 }

package/rules/camel-case-attributes.js

@@ -1,30 +1,33 @@
 module.exports = {
     meta: {
-      type: 'problem',
-      docs: {
-        description: 'Enforce camel case for data-cy and id attributes',
-        category: 'Possible Errors',
-      },
-      fixable: 'code',
-      schema: [],
+        type: 'suggestion',
+        docs: {
+            description: 'Enforce camel case for data-cy and id attributes',
+        },
+        fixable: 'code',
+        schema: [],
     },
 
     create(context) {
-      return {
-        'VAttribute[directive=false][key.name="data-cy"], VAttribute[directive=false][key.name="id"]': function (node) {
-          const value = node.value && node.value.value;
-          const camelCasedValue = value.replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); });
+        return {
+            TextAttribute(node) {
+                if ((node.name === 'data-cy' || node.name === 'id') && node.value) {
+                        const camelCasedValue = node.value.replace(
+                            /-([a-z])/g,
+                            function (g) {
+                                return g[1].toUpperCase();
+                            },
+                        );
 
-          if (value !== camelCasedValue) {
-            context.report({
-              node,
-              message: 'The value of data-cy and id attributes must be in camelCase.',
-              fix(fixer) {
-                return fixer.replaceText(node.value, `"${camelCasedValue}"`);
-              }
-            });
-          }
+                        if (node.value !== camelCasedValue) {
+                            context.report({
+                                node,
+                                message:
+                                    'The value of data-cy and id attributes should be in camelCase.',
+                            });
+                        }
+                }
+            }
         }
-      };
     },
-  };
+};