Требует атрибуты width и height у source, внутри picture (#99)

* Adds req-source-width-height rule

* Adds a description for req-source-width-height

Author: nikolai-shabalin

rules/req-source-width-height/README.md

@@ -0,0 +1,24 @@
+# htmlacademy/req-source-width-height
+
+Правило требует наличие атрибутов `width` и `height` у `<source>`, находящихся внутри `<piture>`.
+
+## true
+Если включён, `<source>` без атрибутов `width` и `height` считаются проблемой.
+
+
+Проблемными считаются следующие шаблоны:
+```html
+<picture>
+  <source srcset="images/image-tablet.jpg" media="(min-width: 768px)">
+  <img src="images/image-mobile.jpg" width="320" height="148" alt="">
+</picture>
+```
+
+Следующие шаблоны **не** считаются проблемами:
+
+```html
+<picture>
+  <source srcset="images/image-tablet.jpg" width="768" height="480" media="(min-width: 768px)">
+  <img src="images/image-mobile.jpg" width="320" height="148" alt="">
+</picture>
+```

rules/req-source-width-height/index.js

@@ -0,0 +1,24 @@
+'use strict';
+const { has_non_empty_attribute, is_tag_node } = require('@linthtml/dom-utils');
+
+module.exports = {
+  name: 'htmlacademy/req-source-width-height',
+  // eslint-disable-next-line camelcase
+  lint(node, { report }) {
+    if (is_tag_node(node) && node.name === 'picture') {
+      node.children.forEach((child) => {
+        if (is_tag_node(child) && child.name === 'source') {
+          const hasWidth = has_non_empty_attribute(child, 'width');
+          const hasHeight = has_non_empty_attribute(child, 'height');
+
+          if (!hasWidth || !hasHeight) {
+            report({
+              position: child.loc,
+              message: 'The <source> tag inside <picture> must have both "width" and "height" attributes.',
+            });
+          }
+        }
+      });
+    }
+  }
+};