html-validate 10.3.1 → 10.4.0

package/dist/cjs/elements.js

@@ -6,7 +6,8 @@ const {
   allowedIfAttributeIsPresent,
   allowedIfAttributeIsAbsent,
   allowedIfAttributeHasValue,
-  allowedIfParentIsPresent
+  allowedIfParentIsPresent,
+  hasKeyword
 } = metaHelper.metadataHelper;
 const validId = "/\\S+/";
 const ReferrerPolicy = [
@@ -1659,9 +1660,46 @@ var html5 = {
         boolean: true
       },
       href: {
-        required: true,
+        required(node) {
+          if (node.hasAttribute("imagesrcset")) {
+            return false;
+          }
+          return `{{ tagName }} is missing required "href" or "imagesrcset" attribute`;
+        },
         enum: ["/.+/"]
       },
+      imagesrcset: {
+        allowed(node) {
+          const rel = node.getAttribute("rel");
+          const as = node.getAttribute("as");
+          if (!rel || typeof rel === "string" && !hasKeyword(rel, "preload")) {
+            return `"rel" attribute must be "preload"`;
+          }
+          if (!as || typeof as === "string" && as !== "image") {
+            return `"as" attribute must be "image"`;
+          }
+          return null;
+        }
+      },
+      imagesizes: {
+        allowed(node) {
+          const rel = node.getAttribute("rel");
+          const as = node.getAttribute("as");
+          if (!rel || typeof rel === "string" && !hasKeyword(rel, "preload")) {
+            return `"rel" attribute must be "preload"`;
+          }
+          if (!as || typeof as === "string" && as !== "image") {
+            return `"as" attribute must be "image"`;
+          }
+          return null;
+        },
+        required(node) {
+          if (node.hasAttribute("imagesrcset")) {
+            return `{{ tagName }} requires "{{ attr }}" attribute when "imagesrcset" attribute is set`;
+          }
+          return false;
+        }
+      },
       integrity: {
         allowed: allowedIfAttributeHasValue("rel", ["stylesheet", "preload", "modulepreload"]),
         enum: ["/.+/"]