Adds a new tag-forbid-attr rule (#101)

nikolai-shabalin · web-flow · commit 84a614afa66a · 2024-05-19T10:59:03.000+03:00
* Adds a new tag-forbid-attr rule

* Adds a description for tag-forbid-attr

* Update list-of-rules.md
diff --git a/docs/list-of-rules.md b/docs/list-of-rules.md
@@ -21,12 +21,13 @@
 | [htmlacademy/no-px-size](../rules/no-px-size/README.md)                             | Атрибуты `width` и `height` содержат только цифры, без единиц измерения                            |
 | [htmlacademy/req-charset-utf](../rules/req-charset-utf/README.md)                   | Требует `UTF-8` для `<meta charset="">`                                                            |
 | [htmlacademy/req-head-styles](../rules/req-head-styles/README.md)                   | Запрещает подключение стилей вне `<head>`                                                          |
-| [htmlacademy/req-mailto](../rules/req-mailto/README.md)                   | Требует `mailto:` для ссылок c email-текстом                                                       |
+| [htmlacademy/req-mailto](../rules/req-mailto/README.md)                             | Требует `mailto:` для ссылок c email-текстом                                                       |
 | [htmlacademy/req-meta-viewport](../rules/req-meta-viewport/README.md)               | Проверяет наличие `<meta name="viewport" content="width=device-width,initial-scale=1">` в `<head>` |
 | [htmlacademy/req-single-styles](../rules/req-single-styles/README.md)               | Разрешает не более одного `link rel="stylesheet"` в `<head>`                                       |
-| [htmlacademy/req-stylesheet-link](../rules/req-stylesheet-link/README.md)               | Проверяет наличие `<link rel="stylesheet" href="">` с непустым `href`                              |
+| [htmlacademy/req-stylesheet-link](../rules/req-stylesheet-link/README.md)           | Проверяет наличие `<link rel="stylesheet" href="">` с непустым `href`                              |
 | [htmlacademy/section-has-heading](../rules/section-has-heading/README.md)           | Требует добавление заголовка любого уровня в `<section>`                                           |
 | [htmlacademy/space-between-comments](../rules/space-between-comments/README.md)     | Проверят пробелы у комментария `<!-- Это комментарий -->`                                          |
+| [htmlacademy/tag-forbid-attr](../rules/tag-forbid-attr/README.md)                   | Указанные атрибуты должны отсутствовать в указанном теге                                           |
 | [htmlacademy/tag-name-lowercase](../rules/tag-name-lowercase/README.md)             | Имена тегов должны быть строчными                                                                  |
 | [htmlacademy/tag-req-attr](../rules/tag-req-attr/README.md)                         | Указанные атрибуты должны присутствовать в указанном теге                                          |
 | [htmlacademy/tag-self-close](../rules/tag-self-close/README.md)                     | Одиночные элементы не должны быть закрыты, `<br>` вместо `<br/>`                                   |
diff --git a/rules/tag-forbid-attr/README.md b/rules/tag-forbid-attr/README.md
@@ -0,0 +1,52 @@
+# htmlacademy/tag-forbid-attr
+
+Если установлено, указанные атрибуты должны отсутствовать в указанном теге.
+
+## true
+
+```json
+{
+  "tag-forbid-attr": [
+    true,
+    {
+      "picture": [
+        {
+          "name": "class"
+        }
+      ],
+      "body": [
+        {
+          "name": "class"
+        }
+      ]
+    }
+  ]
+}
+```
+
+Нарушениями считаются следующие модели:
+
+```html
+<body class="page__body">
+</body>
+```
+
+```html
+<picture class="product__image">
+  <img width="200" height="68" src="" alt="">
+</picture>
+```
+
+Следующие детали **не** считаются нарушениями:
+
+```html
+<body>
+ё
+</body>
+```
+
+```html
+<picture>
+  <img class="product__image" width="200" height="68" src="" alt="">
+</picture>
+```
diff --git a/rules/tag-forbid-attr/index.js b/rules/tag-forbid-attr/index.js
@@ -0,0 +1,26 @@
+'use strict';
+const { is_tag_node, has_attribute } = require('@linthtml/dom-utils');
+
+const checkForbiddenAttributes = (node, forbiddenAttributes, report) => {
+  forbiddenAttributes.forEach(({ name }) => {
+    if (has_attribute(node, name)) {
+      report({
+        position: node.loc,
+        message: `The attribute '${name}' should not be present in the <${node.name}> tag.`
+      });
+    }
+  });
+};
+
+module.exports = {
+  name: 'htmlacademy/tag-forbid-attr',
+  // eslint-disable-next-line camelcase
+  lint(node, rule_config, { report }) {
+    // eslint-disable-next-line camelcase
+    if (is_tag_node(node) && rule_config[node.name]) {
+      // eslint-disable-next-line camelcase
+      const forbiddenAttributes = rule_config[node.name];
+      checkForbiddenAttributes(node, forbiddenAttributes, report);
+    }
+  },
+};
