npm - html-validate - Versions diffs - 8.18.1 → 8.19.0 - Mend

html-validate 8.18.1 → 8.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/cjs/cli.js +1 -1
package/dist/cjs/cli.js.map +1 -1
package/dist/cjs/core.js +103 -67
package/dist/cjs/core.js.map +1 -1
package/dist/cjs/elements.js +1 -3
package/dist/cjs/elements.js.map +1 -1
package/dist/cjs/tsdoc-metadata.json +1 -1
package/dist/es/cli.js +1 -1
package/dist/es/cli.js.map +1 -1
package/dist/es/core.js +103 -67
package/dist/es/core.js.map +1 -1
package/dist/es/elements.js +1 -3
package/dist/es/elements.js.map +1 -1
package/dist/tsdoc-metadata.json +1 -1
package/package.json +17 -17

package/dist/es/core.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { n as naturalJoin } from './utils/natural-join.js';
 import fs from 'fs';
 import { codeFrameColumns } from '@babel/code-frame';
 import kleur from 'kleur';
-import { stylish as stylish$2 } from '@html-validate/stylish';
+import { stylish as stylish$1 } from '@html-validate/stylish';
 import semver from 'semver';
 const $schema$2 = "http://json-schema.org/draft-06/schema#";
@@ -1469,6 +1469,9 @@ class DynamicValue {
   }
 }
+function isDynamicAttribute(attr) {
+  return Boolean(attr == null ? void 0 : attr.isDynamic);
+}
 class Attribute {
   /**
    * @param key - Attribute name.
@@ -1710,7 +1713,8 @@ class DOMNode {
     }
   }
   cacheExists(key) {
-    return Boolean(this.cache && this.cache.has(key));
+    var _a;
+    return Boolean((_a = this.cache) == null ? void 0 : _a.has(key));
   }
   /**
    * Get the text (recursive) from all child nodes.
@@ -2810,7 +2814,7 @@ class HtmlElement extends DOMNode {
 }
 function isClosed(endToken, meta) {
   let closed = 0 /* Open */;
-  if (meta && meta.void) {
+  if (meta == null ? void 0 : meta.void) {
     closed = 2 /* VoidOmitted */;
   }
   if (endToken.data[0] === "/>") {
@@ -3456,7 +3460,7 @@ function isAriaHidden(node, details) {
 function isHTMLHiddenImpl(node) {
   const getHiddenAttr = (node2) => {
     const hidden = node2.getAttribute("hidden");
-    return hidden !== null && hidden.isStatic;
+    return Boolean(hidden == null ? void 0 : hidden.isStatic);
   };
   return {
     byParent: node.parent ? isHTMLHidden(node.parent) : false,
@@ -3474,7 +3478,7 @@ function isHTMLHidden(node, details) {
 function isInertImpl(node) {
   const getInertAttr = (node2) => {
     const inert = node2.getAttribute("inert");
-    return inert !== null && inert.isStatic;
+    return Boolean(inert == null ? void 0 : inert.isStatic);
   };
   return {
     byParent: node.parent ? isInert(node.parent) : false,
@@ -3511,7 +3515,7 @@ function isPresentation(node) {
     return Boolean(node.cacheGet(ROLE_PRESENTATION_CACHE));
   }
   const meta = node.meta;
-  if (meta && meta.interactive) {
+  if (meta == null ? void 0 : meta.interactive) {
     return node.cacheSet(ROLE_PRESENTATION_CACHE, false);
   }
   const tabindex = node.getAttribute("tabindex");
@@ -3945,10 +3949,11 @@ function parseAllow(value) {
   };
 }
 function matchList(value, list) {
+  var _a;
   if (list.include && !list.include.some((it) => it.test(value))) {
     return false;
   }
-  if (list.exclude && list.exclude.some((it) => it.test(value))) {
+  if ((_a = list.exclude) == null ? void 0 : _a.some((it) => it.test(value))) {
     return false;
   }
   return true;
@@ -4178,7 +4183,7 @@ class AreaAlt extends Rule {
     const href = area.getAttribute("href");
     const alt = area.getAttribute("alt");
     if (href) {
-      if (alt && alt.isDynamic) {
+      if (isDynamicAttribute(alt)) {
         return;
       }
       const target = area.getAttributeValue("href");
@@ -4217,7 +4222,7 @@ class AriaHiddenBody extends Rule {
     this.on("tag:ready", this.isRelevant, (event) => {
       const { target } = event;
       const attr = target.getAttribute("aria-hidden");
-      if (!attr || !attr.valueMatches("true", true)) {
+      if (!(attr == null ? void 0 : attr.valueMatches("true", true))) {
         return;
       }
       this.report(target, "aria-hidden must not be used on <body>", attr.keyLocation);
@@ -4439,8 +4444,9 @@ class AttrCase extends Rule {
     });
   }
   isIgnored(node) {
+    var _a;
     if (this.options.ignoreForeign) {
-      return Boolean(node.meta && node.meta.foreign);
+      return Boolean((_a = node.meta) == null ? void 0 : _a.foreign);
     } else {
       return false;
     }
@@ -4596,7 +4602,7 @@ class Lexer {
    * Called when entering a new state.
    */
   enter(context, state, data) {
-    if (state === State.TAG && data && data[0].startsWith("<")) {
+    if (state === State.TAG && (data == null ? void 0 : data[0].startsWith("<"))) {
       if (data[0] === "<script") {
         context.contentModel = ContentModel.SCRIPT;
       } else if (data[0] === "<style") {
@@ -4813,8 +4819,9 @@ class AttrPattern extends Rule {
     });
   }
   isIgnored(node) {
+    var _a;
     if (this.options.ignoreForeign) {
-      return Boolean(node.meta && node.meta.foreign);
+      return Boolean((_a = node.meta) == null ? void 0 : _a.foreign);
     } else {
       return false;
     }
@@ -5813,6 +5820,7 @@ class ElementPermittedContent extends Rule {
     return this.validatePermittedContentImpl(cur, parent, rules);
   }
   validatePermittedContentImpl(cur, parent, rules) {
+    var _a;
     if (!Validator.validatePermitted(cur, rules)) {
       const child = `<${cur.tagName}>`;
       const message = `${child} element is not permitted as content under ${parent.annotatedName}`;
@@ -5824,7 +5832,7 @@ class ElementPermittedContent extends Rule {
       this.report(cur, message, null, context);
       return true;
     }
-    if (cur.meta && cur.meta.transparent) {
+    if ((_a = cur.meta) == null ? void 0 : _a.transparent) {
       const children = getTransparentChildren(cur, cur.meta.transparent);
       return children.map((child) => {
         return this.validatePermittedContentImpl(child, parent, rules);
@@ -6206,6 +6214,7 @@ class EmptyTitle extends Rule {
 const defaults$k = {
   allowArrayBrackets: true,
+  allowCheckboxDefault: true,
   shared: ["radio", "button", "reset", "submit"]
 };
 const UNIQUE_CACHE_KEY = Symbol("form-elements-unique");
@@ -6215,7 +6224,26 @@ function haveName(name) {
 }
 function allowSharedName(node, shared) {
   const type = node.getAttribute("type");
-  return Boolean(type && type.valueMatches(shared, false));
+  return Boolean(type == null ? void 0 : type.valueMatches(shared, false));
+}
+function isInputHidden(element) {
+  return element.is("input") && element.getAttributeValue("type") === "hidden";
+}
+function isInputCheckbox(element) {
+  return element.is("input") && element.getAttributeValue("type") === "checkbox";
+}
+function isCheckboxWithDefault(control, previous, options) {
+  const { allowCheckboxDefault } = options;
+  if (!allowCheckboxDefault) {
+    return false;
+  }
+  if (!previous.potentialHiddenDefault) {
+    return false;
+  }
+  if (!isInputCheckbox(control)) {
+    return false;
+  }
+  return true;
 }
 function getDocumentation(context) {
   const trailer = "Each form control must have a unique name.";
@@ -6239,6 +6267,9 @@ class FormDupName extends Rule {
       allowArrayBrackets: {
         type: "boolean"
       },
+      allowCheckboxDefault: {
+        type: "boolean"
+      },
       shared: {
         type: "array",
         items: {
@@ -6304,14 +6335,20 @@ class FormDupName extends Rule {
       }
       if (!details && isarray) {
         elements.set(basename, {
-          array: true
+          array: true,
+          potentialHiddenDefault: false
         });
       }
       if (isarray) {
         return;
       }
     }
-    if (elements.has(name)) {
+    const previous = elements.get(name);
+    if (previous) {
+      if (isCheckboxWithDefault(control, previous, this.options)) {
+        previous.potentialHiddenDefault = false;
+        return;
+      }
       const context = {
         name,
         kind: "duplicate"
@@ -6324,7 +6361,8 @@ class FormDupName extends Rule {
       });
     } else {
       elements.set(name, {
-        array: false
+        array: false,
+        potentialHiddenDefault: isInputHidden(control)
       });
     }
   }
@@ -6387,8 +6425,9 @@ const defaults$j = {
   sectioningRoots: ["dialog", '[role="dialog"]', '[role="alertdialog"]']
 };
 function isRelevant$6(event) {
+  var _a;
   const node = event.target;
-  return Boolean(node.meta && node.meta.heading);
+  return Boolean((_a = node.meta) == null ? void 0 : _a.heading);
 }
 function extractLevel(node) {
   const match = node.tagName.match(/^[hH](\d)$/);
@@ -6804,7 +6843,7 @@ class InputAttributes extends Rule {
 const HAS_ACCESSIBLE_TEXT_CACHE = Symbol(hasAccessibleName.name);
 function isHidden(node, context) {
   const { reference } = context;
-  if (reference && reference.isSameNode(node)) {
+  if (reference == null ? void 0 : reference.isSameNode(node)) {
     return false;
   } else {
     return !inAccessibilityTree(node);
@@ -6856,7 +6895,7 @@ function hasAccessibleNameImpl(current, context) {
   if (isHidden(current, context)) {
     return false;
   }
-  const ignoreHiddenRoot = Boolean(reference && reference.isSameNode(current));
+  const ignoreHiddenRoot = Boolean(reference == null ? void 0 : reference.isSameNode(current));
   const text = classifyNodeText(current, { accessible: true, ignoreHiddenRoot });
   if (text !== TextClassification.EMPTY_TEXT) {
     return true;
@@ -7177,20 +7216,23 @@ class MultipleLabeledControls extends Rule {
   }
   setup() {
     this.labelable = this.getTagsWithProperty("labelable").join(",");
-    this.on("element:ready", (event) => {
-      const { target } = event;
-      if (target.tagName !== "label") {
-        return;
-      }
-      const numControls = this.getNumLabledControls(target);
-      if (numControls <= 1) {
-        return;
+    this.on("dom:ready", (event) => {
+      const { document } = event;
+      const labels = document.querySelectorAll("label");
+      for (const label of labels) {
+        const numControls = this.getNumLabledControls(label);
+        if (numControls <= 1) {
+          continue;
+        }
+        this.report(label, "<label> is associated with multiple controls", label.location);
       }
-      this.report(target, "<label> is associated with multiple controls", target.location);
     });
   }
   getNumLabledControls(src) {
-    const controls = src.querySelectorAll(this.labelable).map((node) => node.id);
+    const controls = src.querySelectorAll(this.labelable).filter((node) => {
+      var _a;
+      return (_a = node.meta) == null ? void 0 : _a.labelable;
+    }).map((node) => node.id);
     const attr = src.getAttribute("for");
     if (!attr || attr.isDynamic || !attr.value) {
       return controls.length;
@@ -7701,7 +7743,7 @@ class NoInlineStyle extends Rule {
     if (include && !include.includes(key)) {
       return false;
     }
-    if (exclude && exclude.includes(key)) {
+    if (exclude == null ? void 0 : exclude.includes(key)) {
       return false;
     }
     return true;
@@ -8756,7 +8798,7 @@ class TelNonBreaking extends Rule {
       return false;
     }
     const attr = target.getAttribute("href");
-    if (!attr || !attr.valueMatches(/^tel:/, false)) {
+    if (!(attr == null ? void 0 : attr.valueMatches(/^tel:/, false))) {
       return false;
     }
     return true;
@@ -8810,7 +8852,7 @@ class TelNonBreaking extends Rule {
 function hasNonEmptyAttribute(node, key) {
   const attr = node.getAttribute(key);
-  return Boolean(attr && attr.valueMatches(/.+/, true));
+  return Boolean(attr == null ? void 0 : attr.valueMatches(/.+/, true));
 }
 function hasDefaultText(node) {
   if (!node.is("input")) {
@@ -8820,7 +8862,7 @@ function hasDefaultText(node) {
     return false;
   }
   const type = node.getAttribute("type");
-  return Boolean(type && type.valueMatches(/submit|reset/, false));
+  return Boolean(type == null ? void 0 : type.valueMatches(/submit|reset/, false));
 }
 function isNonEmptyText(node) {
   if (isTextNode(node)) {
@@ -9734,7 +9776,7 @@ class ValidID extends Rule {
     const message = this.messages[context].replace("id", "ID").replace(/^(.)/, (m) => m.toUpperCase());
     const relaxedDescription = relaxed ? [] : [
       "  - ID must begin with a letter",
-      "  - ID must only contain alphanumerical characters, `-` and `_`"
+      "  - ID must only contain letters, digits, `-` and `_`"
     ];
     return {
       description: [
@@ -9769,12 +9811,12 @@ class ValidID extends Rule {
       if (relaxed) {
         return;
       }
-      if (value.match(/^[^a-zA-Z]/)) {
+      if (value.match(/^[^\p{L}]/u)) {
         const context = 3 /* LEADING_CHARACTER */;
         this.report(event.target, this.messages[context], event.valueLocation, context);
         return;
       }
-      if (value.match(/[^a-zA-Z0-9-_]/)) {
+      if (value.match(/[^\p{L}\p{N}_-]/u)) {
         const context = 4 /* DISALLOWED_CHARACTER */;
         this.report(event.target, this.messages[context], event.valueLocation, context);
       }
@@ -9785,7 +9827,7 @@ class ValidID extends Rule {
       [1 /* EMPTY */]: "element id must not be empty",
       [2 /* WHITESPACE */]: "element id must not contain whitespace",
       [3 /* LEADING_CHARACTER */]: "element id must begin with a letter",
-      [4 /* DISALLOWED_CHARACTER */]: "element id must only contain alphanumerical, dash and underscore characters"
+      [4 /* DISALLOWED_CHARACTER */]: "element id must only contain letters, digits, dash and underscore characters"
     };
   }
   isRelevant(event) {
@@ -9912,7 +9954,7 @@ function styleDescription(style) {
 class H30 extends Rule {
   documentation() {
     return {
-      description: "WCAG 2.1 requires each `<a>` anchor link to have a text describing the purpose of the link using either plain text or an `<img>` with the `alt` attribute set.",
+      description: "WCAG 2.1 requires each `<a href>` anchor link to have a text describing the purpose of the link using either plain text or an `<img>` with the `alt` attribute set.",
       url: "https://html-validate.org/rules/wcag/h30.html"
     };
   }
@@ -9920,6 +9962,9 @@ class H30 extends Rule {
     this.on("dom:ready", (event) => {
       const links = event.document.getElementsByTagName("a");
       for (const link of links) {
+        if (!link.hasAttribute("href")) {
+          continue;
+        }
         if (!inAccessibilityTree(link)) {
           continue;
         }
@@ -9972,7 +10017,7 @@ function isSubmit(node) {
 }
 function isAssociated(id, node) {
   const form = node.getAttribute("form");
-  return Boolean(form && form.valueMatches(id, true));
+  return Boolean(form == null ? void 0 : form.valueMatches(id, true));
 }
 function hasNestedSubmit(form) {
   const matches = form.querySelectorAll("button,input").filter(isSubmit).filter((node) => !node.hasAttribute("form"));
@@ -10188,7 +10233,6 @@ const bundledRules$1 = {
   "wcag/h67": H67,
   "wcag/h71": H71
 };
-var WCAG = bundledRules$1;
 const bundledRules = {
   "allowed-links": AllowedLinks,
@@ -10274,7 +10318,7 @@ const bundledRules = {
   "valid-id": ValidID,
   "void-content": VoidContent,
   "void-style": VoidStyle,
-  ...WCAG
+  ...bundledRules$1
 };
 var defaultConfig = {};
@@ -10311,7 +10355,6 @@ const config$4 = {
     "wcag/h71": "error"
   }
 };
-var a11y = config$4;
 const config$3 = {
   rules: {
@@ -10322,7 +10365,6 @@ const config$3 = {
     "require-sri": "error"
   }
 };
-var document = config$3;
 const config$2 = {
   rules: {
@@ -10331,7 +10373,6 @@ const config$2 = {
     "void-style": "off"
   }
 };
-var prettier = config$2;
 const config$1 = {
   rules: {
@@ -10415,7 +10456,6 @@ const config$1 = {
     "wcag/h71": "error"
   }
 };
-var recommended = config$1;
 const config = {
   rules: {
@@ -10454,18 +10494,17 @@ const config = {
     "void-content": "error"
   }
 };
-var standard = config;
 const presets = {
-  "html-validate:a11y": a11y,
-  "html-validate:document": document,
-  "html-validate:prettier": prettier,
-  "html-validate:recommended": recommended,
-  "html-validate:standard": standard,
+  "html-validate:a11y": config$4,
+  "html-validate:document": config$3,
+  "html-validate:prettier": config$2,
+  "html-validate:recommended": config$1,
+  "html-validate:standard": config,
   /* @deprecated aliases */
-  "htmlvalidate:recommended": recommended,
-  "htmlvalidate:document": document,
-  "html-validate:a17y": a11y
+  "htmlvalidate:recommended": config$1,
+  "htmlvalidate:document": config$3,
+  "html-validate:a17y": config$4
 };
 var Presets = presets;
@@ -11334,8 +11373,9 @@ class Parser {
   /**
    * @internal
    */
-  /* eslint-disable-next-line complexity, sonarjs/cognitive-complexity -- technical debt, chould be refactored a bit */
+  /* eslint-disable-next-line complexity -- technical debt, chould be refactored a bit */
   consumeTag(source, startToken, tokenStream) {
+    var _a;
     const tokens = Array.from(
       this.consumeUntil(tokenStream, TokenType.TAG_CLOSE, startToken.location)
     );
@@ -11351,7 +11391,7 @@ class Parser {
     );
     const isStartTag = !startToken.data[1];
     const isClosing = !isStartTag || node.closed !== NodeClosed.Open;
-    const isForeign = node.meta && node.meta.foreign;
+    const isForeign = (_a = node.meta) == null ? void 0 : _a.foreign;
     if (closeOptional) {
       const active = this.dom.getActive();
       active.closed = NodeClosed.ImplicitClosed;
@@ -12679,7 +12719,7 @@ class HtmlValidate {
 }
 const name = "html-validate";
-const version = "8.18.1";
+const version = "8.19.0";
 const bugs = "https://gitlab.com/html-validate/html-validate/issues/new";
 function definePlugin(plugin) {
@@ -13365,7 +13405,6 @@ function checkstyleFormatter(results) {
   return output;
 }
 const formatter$3 = checkstyleFormatter;
-var checkstyle = formatter$3;
 const defaults = {
   showLink: true,
@@ -13471,7 +13510,6 @@ function jsonFormatter(results) {
   return JSON.stringify(results);
 }
 const formatter$2 = jsonFormatter;
-var json = formatter$2;
 function linkSummary(results) {
   const urls = results.reduce((result, it) => {
@@ -13490,7 +13528,7 @@ ${lines.join("")}
 `;
 }
 function stylish(results) {
-  const errors = stylish$2(
+  const errors = stylish$1(
     results.map((it) => ({
       ...it,
       fixableErrorCount: 0,
@@ -13501,7 +13539,6 @@ function stylish(results) {
   return `${errors}${links}`;
 }
 const formatter$1 = stylish;
-var stylish$1 = formatter$1;
 function textFormatter(results) {
   let output = "";
@@ -13529,14 +13566,13 @@ function textFormatter(results) {
   return total > 0 ? output : "";
 }
 const formatter = textFormatter;
-var text = formatter;
 const availableFormatters = {
-  checkstyle,
+  checkstyle: formatter$3,
   codeframe,
-  json,
-  stylish: stylish$1,
-  text
+  json: formatter$2,
+  stylish: formatter$1,
+  text: formatter
 };
 function getFormatter(name) {
   return availableFormatters[name] ?? null;