@dineroregnskab/eslint-plugin-custom-rules 2.0.1 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dineroregnskab/eslint-plugin-custom-rules",
-  "version": "2.0.1",
+  "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,6 +1,6 @@
 module.exports = {
     meta: {
-        type: 'problem',
+        type: 'suggestion',
         docs: {
             description: 'Enforce camel case for data-cy and id attributes',
         },
@@ -10,30 +10,24 @@ module.exports = {
 
     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();
-                        },
-                    );
-
-                    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}"`,
-                                );
+            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 (node.value !== camelCasedValue) {
+                            context.report({
+                                node,
+                                message:
+                                    'The value of data-cy and id attributes should be in camelCase.',
+                            });
+                        }
+                }
+            }
+        }
     },
 };