@html-eslint/eslint-plugin 0.37.0 → 0.38.1

package/lib/configs/recommended.js

@@ -20,5 +20,6 @@ module.exports = {
     "@html-eslint/no-obsolete-tags": "error",
     "@html-eslint/require-closing-tags": "error",
     "@html-eslint/no-duplicate-attrs": "error",
+    "@html-eslint/use-baseline": "error",
   },
 };

package/lib/rules/indent/indent.js

@@ -12,6 +12,8 @@
  * @typedef { import("@html-eslint/types").TemplateLiteral } TemplateLiteral
  * @typedef { import("@html-eslint/types").OpenTemplate } OpenTemplate
  * @typedef { import("@html-eslint/types").CloseTemplate } CloseTemplate
+ * @typedef { import("@html-eslint/types").ScriptTag } ScriptTag
+ * @typedef { import("@html-eslint/types").StyleTag } StyleTag
  *
  * @typedef {AnyNode | Line} AnyNodeOrLine
  * @typedef {Object} IndentType
@@ -40,6 +42,8 @@ const {
   isLine,
   isTag,
   hasTemplate,
+  isScript,
+  isStyle,
 } = require("../utils/node");
 const {
   shouldCheckTaggedTemplateExpression,
@@ -121,7 +125,7 @@ module.exports = {
     const { indentType, indentSize, indentChar } = getIndentOptionInfo(context);
 
     /**
-     * @param {Tag} node
+     * @param {Tag | ScriptTag | StyleTag} node
      * @return {number}
      */
     function getTagIncreasingLevel(node) {
@@ -150,7 +154,7 @@ module.exports = {
       if (isLine(node)) {
         return 1;
       }
-      if (isTag(node)) {
+      if (isTag(node) || isScript(node) || isStyle(node)) {
         return getTagIncreasingLevel(node);
       }
       const type = node.type;

package/lib/rules/index.js

@@ -45,6 +45,7 @@ const noInvalidRole = require("./no-invalid-role");
 const noNestedInteractive = require("./no-nested-interactive");
 const maxElementDepth = require("./max-element-depth");
 const requireExplicitSize = require("./require-explicit-size");
+const useBaseLine = require("./use-baseline");
 // import new rule here ↑
 // DO NOT REMOVE THIS COMMENT
 
@@ -96,6 +97,7 @@ module.exports = {
   "require-input-label": requireInputLabel,
   "max-element-depth": maxElementDepth,
   "require-explicit-size": requireExplicitSize,
+  "use-baseline": useBaseLine,
   // export new rule here ↑
   // DO NOT REMOVE THIS COMMENT
 };

package/lib/rules/no-duplicate-attrs.js

@@ -3,6 +3,8 @@
  * @typedef { import("@html-eslint/types").StyleTag } StyleTag
  * @typedef { import("@html-eslint/types").ScriptTag } ScriptTag
  * @typedef { import("../types").RuleModule<[]> } RuleModule
+ * @typedef { import("@html-eslint/types").Attribute } Attribute
+ * @typedef { import("../types").SuggestionReportDescriptor } SuggestionReportDescriptor
  */
 
 const { RULE_CATEGORY } = require("../constants");
@@ -10,6 +12,7 @@ const { createVisitors } = require("./utils/visitors");
 
 const MESSAGE_IDS = {
   DUPLICATE_ATTRS: "duplicateAttrs",
+  REMOVE_ATTR: "removeAttr",
 };
 
 /**
@@ -26,14 +29,33 @@ module.exports = {
     },
 
     fixable: null,
+    hasSuggestions: true,
     schema: [],
     messages: {
       [MESSAGE_IDS.DUPLICATE_ATTRS]:
         "The attribute '{{attrName}}' is duplicated.",
+      [MESSAGE_IDS.REMOVE_ATTR]:
+        "Remove this duplicate '{{attrName}}' attribute.",
     },
   },
 
   create(context) {
+    /**
+     * @param {Attribute} node
+     * @returns {SuggestionReportDescriptor[]}
+     */
+    function getSuggestions(node) {
+      return [
+        {
+          messageId: MESSAGE_IDS.REMOVE_ATTR,
+          fix: (fixer) => fixer.removeRange(node.range),
+          data: {
+            attrName: node.key.value,
+          },
+        },
+      ];
+    }
+
     /**
      * @param {Tag | StyleTag | ScriptTag} node
      */
@@ -48,6 +70,7 @@ module.exports = {
                 attrName: attr.key.value,
               },
               messageId: MESSAGE_IDS.DUPLICATE_ATTRS,
+              suggest: getSuggestions(attr),
             });
           } else {
             attrsSet.add(attr.key.value.toLowerCase());

package/lib/rules/use-baseline.js

@@ -0,0 +1,269 @@
+/**
+ * @typedef {Object} Option
+ * @property {"widely" | "newly" | number} Option.available
+ * @typedef { import("../types").RuleModule<[Option]> } RuleModule
+ * @typedef {import("@html-eslint/types").Attribute} Attribute
+ * @typedef {import("@html-eslint/types").Tag} Tag
+ * @typedef {import("@html-eslint/types").ScriptTag} ScriptTag
+ * @typedef {import("@html-eslint/types").StyleTag} StyleTag
+ */
+
+const { RULE_CATEGORY } = require("../constants");
+const {
+  elements,
+  globalAttributes,
+  BASELINE_HIGH,
+  BASELINE_LOW,
+} = require("./utils/baseline");
+const { createVisitors } = require("./utils/visitors");
+
+const MESSAGE_IDS = {
+  NOT_BASELINE_ELEMENT: "notBaselineElement",
+  NOT_BASELINE_ELEMENT_ATTRIBUTE: "notBaselineElementAttribute",
+  NOT_BASELINE_GLOBAL_ATTRIBUTE: "notBaselineGlobalAttribute",
+};
+
+/**
+ * @type {RuleModule}
+ */
+module.exports = {
+  meta: {
+    type: "code",
+    docs: {
+      description: "Enforce the use of baseline features.",
+      recommended: true,
+      category: RULE_CATEGORY.BEST_PRACTICE,
+    },
+    fixable: null,
+    schema: [
+      {
+        type: "object",
+        properties: {
+          available: {
+            anyOf: [
+              {
+                enum: ["widely", "newly"],
+              },
+              {
+                // baseline year
+                type: "integer",
+                minimum: 2000,
+                maximum: new Date().getFullYear(),
+              },
+            ],
+          },
+        },
+        additionalProperties: false,
+      },
+    ],
+
+    messages: {
+      [MESSAGE_IDS.NOT_BASELINE_ELEMENT]:
+        "Element '{{element}}' is not a {{availability}} available baseline feature.",
+      [MESSAGE_IDS.NOT_BASELINE_ELEMENT_ATTRIBUTE]:
+        "Attribute '{{attr}}' on '{{element}}' is not a {{availability}} available baseline feature.",
+      [MESSAGE_IDS.NOT_BASELINE_GLOBAL_ATTRIBUTE]:
+        "Attribute '{{attr}}' is not a {{availability}} available baseline feature.",
+    },
+  },
+
+  create(context) {
+    const options = context.options[0] || { available: "widely" };
+    const available = options.available;
+
+    const baseYear = typeof available === "number" ? available : null;
+    const baseStatus = available === "widely" ? BASELINE_HIGH : BASELINE_LOW;
+    const availability = String(available);
+
+    /**
+     * @param {string} element
+     * @returns {boolean}
+     */
+    function isCustomElement(element) {
+      return element.includes("-");
+    }
+
+    /**
+     * @param {string} encoded
+     * @returns {[number, number]}
+     */
+    function decodeStatus(encoded) {
+      const [status, year = NaN] = encoded
+        .split(":")
+        .map((part) => Number(part));
+      return [status, year];
+    }
+
+    /**
+     * @param {string} encoded
+     * @returns {boolean}
+     */
+    function isSupported(encoded) {
+      const [status, year = NaN] = decodeStatus(encoded);
+      if (baseYear) {
+        return year <= baseYear;
+      }
+      return status >= baseStatus;
+    }
+
+    /**
+     * @param {string} element
+     * @returns {boolean}
+     */
+    function isSupportedElement(element) {
+      const elementEncoded = elements.get(element);
+      if (!elementEncoded) {
+        return true;
+      }
+      return isSupported(elementEncoded);
+    }
+
+    /**
+     * @param {string[]} parts
+     * @returns {string}
+     */
+    function toStatusKey(...parts) {
+      return parts.map((part) => part.toLowerCase().trim()).join(".");
+    }
+
+    /**
+     * @param {string} element
+     * @param {string} key
+     * @returns {boolean}
+     */
+    function isSupportedElementAttributeKey(element, key) {
+      const elementStatus = elements.get(toStatusKey(element, key));
+      if (!elementStatus) {
+        return true;
+      }
+      return isSupported(elementStatus);
+    }
+
+    /**
+     * @param {string} key
+     * @returns {boolean}
+     */
+    function isSupportedGlobalAttributeKey(key) {
+      const globalAttrStatus = globalAttributes.get(toStatusKey(key));
+      if (!globalAttrStatus) {
+        return true;
+      }
+      return isSupported(globalAttrStatus);
+    }
+
+    /**
+     * @param {string} element
+     * @param {string} key
+     * @param {string} value
+     * @returns {boolean}
+     */
+    function isSupportedElementAttributeKeyValue(element, key, value) {
+      const elementStatus = elements.get(toStatusKey(element, key, value));
+      if (!elementStatus) {
+        return true;
+      }
+      return isSupported(elementStatus);
+    }
+
+    /**
+     * @param {string} key
+     * @param {string} value
+     * @returns {boolean}
+     */
+    function isSupportedGlobalAttributeKeyValue(key, value) {
+      const globalAttrStatus = globalAttributes.get(toStatusKey(key, value));
+      if (!globalAttrStatus) {
+        return true;
+      }
+      return isSupported(globalAttrStatus);
+    }
+
+    /**
+     * @param {Tag | ScriptTag | StyleTag} node
+     * @param {string} elementName
+     * @param {Attribute[]} attributes
+     */
+    function check(node, elementName, attributes) {
+      if (isCustomElement(elementName)) {
+        return;
+      }
+
+      if (!isSupportedElement(elementName)) {
+        context.report({
+          node: node.openStart,
+          messageId: MESSAGE_IDS.NOT_BASELINE_ELEMENT,
+          data: {
+            element: `<${elementName}>`,
+            availability,
+          },
+        });
+      }
+      attributes.forEach((attribute) => {
+        if (!isSupportedElementAttributeKey(elementName, attribute.key.value)) {
+          context.report({
+            node: attribute.key,
+            messageId: MESSAGE_IDS.NOT_BASELINE_ELEMENT_ATTRIBUTE,
+            data: {
+              element: `<${elementName}>`,
+              attr: attribute.key.value,
+              availability,
+            },
+          });
+        } else if (!isSupportedGlobalAttributeKey(attribute.key.value)) {
+          context.report({
+            node: attribute.key,
+            messageId: MESSAGE_IDS.NOT_BASELINE_GLOBAL_ATTRIBUTE,
+            data: {
+              attr: attribute.key.value,
+              availability,
+            },
+          });
+        } else if (attribute.value) {
+          if (
+            !isSupportedElementAttributeKeyValue(
+              elementName,
+              attribute.key.value,
+              attribute.value.value
+            )
+          ) {
+            context.report({
+              node: attribute.value,
+              messageId: MESSAGE_IDS.NOT_BASELINE_ELEMENT_ATTRIBUTE,
+              data: {
+                element: `<${elementName}>`,
+                attr: `${attribute.key.value}="${attribute.value.value}"`,
+                availability,
+              },
+            });
+          } else if (
+            !isSupportedGlobalAttributeKeyValue(
+              attribute.key.value,
+              attribute.value.value
+            )
+          ) {
+            context.report({
+              node: attribute.value,
+              messageId: MESSAGE_IDS.NOT_BASELINE_GLOBAL_ATTRIBUTE,
+              data: {
+                attr: `${attribute.key.value}="${attribute.value.value}"`,
+                availability,
+              },
+            });
+          }
+        }
+      });
+    }
+
+    return createVisitors(context, {
+      ScriptTag(node) {
+        check(node, "script", node.attributes);
+      },
+      StyleTag(node) {
+        check(node, "style", node.attributes);
+      },
+      Tag(node) {
+        check(node, node.name, node.attributes);
+      },
+    });
+  },
+};

package/lib/rules/utils/baseline.js

@@ -0,0 +1,509 @@
+/**
+ * This file is auto-generated. (yarn run baseline)
+ */
+const BASELINE_HIGH = 10;
+const BASELINE_LOW = 5;
+const BASELINE_FALSE = 0;
+
+const elements = new Map([
+  ["a", "10:2015"],
+  ["a.attributionsourceid", "0:"],
+  ["a.attributionsrc", "0:"],
+  ["a.download", "10:2019"],
+  ["a.href", "10:2015"],
+  ["a.hreflang", "10:2015"],
+  ["a.ping", "0:"],
+  ["a.referrerpolicy", "10:2020"],
+  ["a.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["a.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["a.referrerpolicy.unsafe-url", "0:"],
+  ["a.rel", "10:2015"],
+  ["a.rel.noopener", "10:2020"],
+  ["a.rel.noreferrer", "10:2015"],
+  ["a.target", "10:2015"],
+  ["a.target.unfencedTop", "0:"],
+  ["a.type", "10:2015"],
+  ["abbr", "10:2015"],
+  ["address", "10:2015"],
+  ["area", "10:2015"],
+  ["area.alt", "10:2015"],
+  ["area.attributionsrc", "0:"],
+  ["area.coords", "10:2015"],
+  ["area.download", "10:2017"],
+  ["area.href", "10:2015"],
+  ["area.ping", "0:"],
+  ["area.referrerpolicy", "10:2020"],
+  ["area.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["area.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["area.referrerpolicy.unsafe-url", "0:"],
+  ["area.rel", "10:2015"],
+  ["area.rel.noopener", "10:2020"],
+  ["area.rel.noreferrer", "10:2015"],
+  ["area.shape", "10:2015"],
+  ["area.target", "10:2015"],
+  ["article", "10:2015"],
+  ["aside", "10:2015"],
+  ["audio", "10:2015"],
+  ["audio.autoplay", "0:"],
+  ["audio.controls", "10:2015"],
+  ["audio.controlslist", "0:"],
+  ["audio.crossorigin", "10:2020"],
+  ["audio.disableremoteplayback", "0:"],
+  ["audio.loop", "10:2015"],
+  ["audio.muted", "10:2018"],
+  ["audio.preload", "10:2015"],
+  ["audio.src", "10:2015"],
+  ["b", "10:2015"],
+  ["base", "10:2015"],
+  ["base.href", "10:2015"],
+  ["base.target", "10:2015"],
+  ["bdi", "10:2020"],
+  ["bdo", "10:2015"],
+  ["blockquote", "10:2015"],
+  ["blockquote.cite", "10:2015"],
+  ["body", "10:2015"],
+  ["br", "10:2015"],
+  ["button", "10:2015"],
+  ["button.command", "0:"],
+  ["button.commandfor", "0:"],
+  ["button.disabled", "10:2015"],
+  ["button.form", "10:2017"],
+  ["button.formaction", "10:2015"],
+  ["button.formenctype", "10:2015"],
+  ["button.formmethod", "10:2015"],
+  ["button.formnovalidate", "10:2015"],
+  ["button.formtarget", "10:2015"],
+  ["button.name", "10:2015"],
+  ["button.popovertarget", "5:2024"],
+  ["button.popovertargetaction", "5:2024"],
+  ["button.type", "10:2015"],
+  ["button.value", "10:2015"],
+  ["canvas", "10:2015"],
+  ["canvas.height", "10:2015"],
+  ["canvas.width", "10:2015"],
+  ["caption", "10:2015"],
+  ["cite", "10:2015"],
+  ["code", "10:2015"],
+  ["col", "10:2015"],
+  ["col.span", "10:2015"],
+  ["colgroup", "10:2015"],
+  ["colgroup.span", "10:2015"],
+  ["data", "10:2017"],
+  ["data.value", "10:2017"],
+  ["datalist", "0:"],
+  ["dd", "10:2015"],
+  ["del", "10:2015"],
+  ["del.cite", "10:2015"],
+  ["del.datetime", "10:2015"],
+  ["details", "10:2020"],
+  ["details.name", "5:2024"],
+  ["details.open", "10:2020"],
+  ["dfn", "10:2015"],
+  ["dialog", "10:2022"],
+  ["dialog.open", "10:2022"],
+  ["div", "10:2015"],
+  ["dl", "10:2015"],
+  ["dt", "10:2015"],
+  ["em", "10:2015"],
+  ["embed", "10:2015"],
+  ["embed.height", "10:2015"],
+  ["embed.src", "10:2015"],
+  ["embed.type", "10:2020"],
+  ["embed.width", "10:2015"],
+  ["fencedframe", "0:"],
+  ["fencedframe.allow", "0:"],
+  ["fencedframe.height", "0:"],
+  ["fencedframe.width", "0:"],
+  ["fieldset", "10:2015"],
+  ["fieldset.disabled", "10:2020"],
+  ["fieldset.form", "10:2015"],
+  ["fieldset.name", "10:2015"],
+  ["figcaption", "10:2015"],
+  ["figure", "10:2015"],
+  ["footer", "10:2015"],
+  ["form", "10:2015"],
+  ["form.accept-charset", "10:2015"],
+  ["form.action", "10:2015"],
+  ["form.autocomplete", "10:2015"],
+  ["form.enctype", "10:2015"],
+  ["form.method", "10:2015"],
+  ["form.name", "10:2015"],
+  ["form.novalidate", "10:2017"],
+  ["form.rel", "5:2023"],
+  ["form.target", "10:2015"],
+  ["h1", "10:2015"],
+  ["h2", "10:2015"],
+  ["h3", "10:2015"],
+  ["h4", "10:2015"],
+  ["h5", "10:2015"],
+  ["h6", "10:2015"],
+  ["head", "10:2015"],
+  ["header", "10:2015"],
+  ["hgroup", "10:2015"],
+  ["hr", "10:2015"],
+  ["html", "10:2015"],
+  ["i", "10:2015"],
+  ["iframe", "10:2015"],
+  ["iframe.allow", "10:2020"],
+  ["iframe.allow.accelerometer", "0:"],
+  ["iframe.allow.ambient-light-sensor", "0:"],
+  ["iframe.allow.attribution-reporting", "0:"],
+  ["iframe.allow.bluetooth", "0:"],
+  ["iframe.allow.camera", "10:2020"],
+  ["iframe.allow.compute-pressure", "0:"],
+  ["iframe.allow.display-capture", "0:"],
+  ["iframe.allow.encrypted-media", "0:"],
+  ["iframe.allow.fullscreen", "0:"],
+  ["iframe.allow.gamepad", "0:"],
+  ["iframe.allow.geolocation", "0:"],
+  ["iframe.allow.gyroscope", "0:"],
+  ["iframe.allow.hid", "0:"],
+  ["iframe.allow.idle-detection", "0:"],
+  ["iframe.allow.local-fonts", "0:"],
+  ["iframe.allow.magnetometer", "0:"],
+  ["iframe.allow.microphone", "10:2020"],
+  ["iframe.allow.midi", "0:"],
+  ["iframe.allow.otp-credentials", "0:"],
+  ["iframe.allow.payment", "0:"],
+  ["iframe.allow.picture-in-picture", "0:"],
+  ["iframe.allow.publickey-credentials-create", "0:"],
+  ["iframe.allow.publickey-credentials-get", "0:"],
+  ["iframe.allow.screen-wake-lock", "5:2024"],
+  ["iframe.allow.serial", "0:"],
+  ["iframe.allow.storage-access", "0:"],
+  ["iframe.allow.usb", "0:"],
+  ["iframe.allow.web-share", "0:"],
+  ["iframe.allow.window-management", "0:"],
+  ["iframe.allow.xr-spatial-tracking", "0:"],
+  ["iframe.allowfullscreen", "0:"],
+  ["iframe.credentialless", "0:"],
+  ["iframe.csp", "0:"],
+  ["iframe.height", "10:2015"],
+  ["iframe.loading", "5:2023"],
+  ["iframe.name", "10:2015"],
+  ["iframe.referrerpolicy", "10:2020"],
+  ["iframe.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["iframe.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["iframe.referrerpolicy.unsafe-url", "0:"],
+  ["iframe.sandbox", "10:2015"],
+  ["iframe.sandbox.allow-downloads", "5:2023"],
+  ["iframe.sandbox.allow-forms", "10:2020"],
+  ["iframe.sandbox.allow-modals", "10:2020"],
+  ["iframe.sandbox.allow-pointer-lock", "0:"],
+  ["iframe.sandbox.allow-popups", "10:2015"],
+  ["iframe.sandbox.allow-popups-to-escape-sandbox", "10:2020"],
+  ["iframe.sandbox.allow-presentation", "0:"],
+  ["iframe.sandbox.allow-same-origin", "10:2020"],
+  ["iframe.sandbox.allow-scripts", "10:2020"],
+  ["iframe.sandbox.allow-top-navigation", "10:2020"],
+  ["iframe.sandbox.allow-top-navigation-by-user-activation", "10:2020"],
+  ["iframe.sandbox.allow-top-navigation-to-custom-protocols", "0:"],
+  ["iframe.src", "10:2015"],
+  ["iframe.srcdoc", "10:2020"],
+  ["iframe.width", "10:2015"],
+  ["img", "10:2015"],
+  ["img.alt", "10:2015"],
+  ["img.attributionsrc", "0:"],
+  ["img.crossorigin", "10:2015"],
+  ["img.decoding", "10:2020"],
+  ["img.fetchpriority", "5:2024"],
+  ["img.height", "10:2015"],
+  ["img.ismap", "10:2015"],
+  ["img.loading", "10:2022"],
+  ["img.referrerpolicy", "10:2020"],
+  ["img.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["img.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["img.referrerpolicy.unsafe-url", "0:"],
+  ["img.sizes", "10:2016"],
+  ["img.src", "10:2015"],
+  ["img.srcset", "10:2015"],
+  ["img.usemap", "10:2015"],
+  ["img.width", "10:2015"],
+  ["input", "10:2015"],
+  ["input.accept", "10:2015"],
+  ["input.alpha", "0:"],
+  ["input.alt", "10:2015"],
+  ["input.capture", "0:"],
+  ["input.checked", "10:2015"],
+  ["input.colorspace", "0:"],
+  ["input.dirname", "5:2023"],
+  ["input.disabled", "10:2015"],
+  ["input.form", "10:2015"],
+  ["input.formaction", "10:2015"],
+  ["input.formenctype", "10:2015"],
+  ["input.formmethod", "10:2015"],
+  ["input.formnovalidate", "10:2015"],
+  ["input.formtarget", "10:2015"],
+  ["input.list", "10:2019"],
+  ["input.max", "10:2015"],
+  ["input.maxlength", "10:2015"],
+  ["input.min", "10:2015"],
+  ["input.minlength", "10:2018"],
+  ["input.multiple", "10:2015"],
+  ["input.name", "10:2015"],
+  ["input.pattern", "10:2015"],
+  ["input.placeholder", "10:2015"],
+  ["input.popovertarget", "5:2024"],
+  ["input.popovertargetaction", "5:2024"],
+  ["input.readonly", "10:2015"],
+  ["input.required", "10:2015"],
+  ["input.size", "10:2015"],
+  ["input.src", "10:2015"],
+  ["input.step", "10:2015"],
+  ["ins", "10:2015"],
+  ["ins.cite", "10:2015"],
+  ["ins.datetime", "10:2015"],
+  ["kbd", "10:2015"],
+  ["label", "10:2015"],
+  ["label.for", "10:2015"],
+  ["legend", "10:2015"],
+  ["li", "10:2015"],
+  ["li.value", "10:2015"],
+  ["link", "10:2015"],
+  ["link.as", "10:2018"],
+  ["link.blocking", "0:"],
+  ["link.crossorigin", "10:2018"],
+  ["link.disabled", "10:2015"],
+  ["link.fetchpriority", "5:2024"],
+  ["link.href", "10:2015"],
+  ["link.hreflang", "10:2015"],
+  ["link.imagesizes", "5:2023"],
+  ["link.imagesrcset", "5:2023"],
+  ["link.integrity", "10:2018"],
+  ["link.media", "10:2015"],
+  ["link.referrerpolicy", "10:2020"],
+  ["link.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["link.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["link.referrerpolicy.unsafe-url", "0:"],
+  ["link.rel", "10:2015"],
+  ["link.rel.dns-prefetch", "5:2024"],
+  ["link.rel.expect", "0:"],
+  ["link.rel.manifest", "0:"],
+  ["link.rel.modulepreload", "5:2023"],
+  ["link.rel.preconnect", "10:2020"],
+  ["link.rel.prefetch", "0:"],
+  ["link.rel.preload", "10:2021"],
+  ["link.rel.preload.as-fetch", "10:2021"],
+  ["link.rel.preload.as-font", "10:2021"],
+  ["link.rel.preload.as-image", "10:2021"],
+  ["link.rel.preload.as-script", "10:2021"],
+  ["link.rel.preload.as-style", "10:2021"],
+  ["link.rel.preload.as-track", "0:"],
+  ["link.sizes", "10:2020"],
+  ["link.type", "10:2015"],
+  ["main", "10:2015"],
+  ["map", "10:2015"],
+  ["map.name", "10:2015"],
+  ["mark", "10:2015"],
+  ["menu", "10:2015"],
+  ["meta", "10:2015"],
+  ["meta.charset", "10:2015"],
+  ["meta.content", "10:2015"],
+  ["meta.http-equiv", "10:2015"],
+  ["meta.http-equiv.content-security-policy", "10:2017"],
+  ["meta.http-equiv.content-type", "10:2017"],
+  ["meta.http-equiv.refresh", "10:2015"],
+  ["meta.name", "10:2015"],
+  ["meta.name.application-title", "0:"],
+  ["meta.name.color-scheme", "10:2022"],
+  ["meta.name.referrer", "10:2020"],
+  ["meta.name.theme-color", "0:"],
+  ["meter", "10:2017"],
+  ["meter.high", "10:2017"],
+  ["meter.low", "10:2017"],
+  ["meter.max", "10:2017"],
+  ["meter.min", "10:2017"],
+  ["meter.optimum", "10:2017"],
+  ["meter.value", "10:2017"],
+  ["nav", "10:2015"],
+  ["noscript", "10:2015"],
+  ["object", "10:2015"],
+  ["object.data", "10:2015"],
+  ["object.form", "10:2015"],
+  ["object.height", "10:2015"],
+  ["object.name", "10:2015"],
+  ["object.type", "10:2015"],
+  ["object.width", "10:2015"],
+  ["ol", "10:2015"],
+  ["ol.reversed", "10:2020"],
+  ["ol.start", "10:2015"],
+  ["ol.type", "10:2015"],
+  ["optgroup", "10:2015"],
+  ["optgroup.disabled", "10:2015"],
+  ["optgroup.label", "10:2015"],
+  ["option", "10:2015"],
+  ["option.disabled", "10:2015"],
+  ["option.label", "10:2015"],
+  ["option.selected", "10:2015"],
+  ["option.value", "10:2015"],
+  ["output", "10:2018"],
+  ["output.for", "10:2018"],
+  ["output.form", "10:2018"],
+  ["output.name", "10:2018"],
+  ["p", "10:2015"],
+  ["picture", "10:2016"],
+  ["pre", "10:2015"],
+  ["progress", "10:2015"],
+  ["progress.max", "10:2015"],
+  ["progress.value", "10:2015"],
+  ["q", "10:2015"],
+  ["q.cite", "10:2015"],
+  ["rp", "10:2015"],
+  ["rt", "10:2015"],
+  ["ruby", "10:2015"],
+  ["s", "10:2015"],
+  ["samp", "10:2015"],
+  ["script", "10:2015"],
+  ["script.async", "10:2015"],
+  ["script.attributionsrc", "0:"],
+  ["script.blocking", "0:"],
+  ["script.crossorigin", "10:2016"],
+  ["script.defer", "10:2015"],
+  ["script.fetchpriority", "5:2024"],
+  ["script.integrity", "10:2018"],
+  ["script.nomodule", "10:2018"],
+  ["script.referrerpolicy", "10:2020"],
+  ["script.referrerpolicy.no-referrer-when-downgrade", "0:"],
+  ["script.referrerpolicy.origin-when-cross-origin", "0:"],
+  ["script.referrerpolicy.unsafe-url", "0:"],
+  ["script.src", "10:2015"],
+  ["script.type", "10:2015"],
+  ["script.type.importmap", "5:2023"],
+  ["script.type.module", "10:2018"],
+  ["script.type.speculationrules", "0:"],
+  ["script.type.speculationrules.eagerness", "0:"],
+  ["script.type.speculationrules.prefetch", "0:"],
+  ["script.type.speculationrules.prerender", "0:"],
+  ["script.type.speculationrules.requires", "0:"],
+  [
+    "script.type.speculationrules.requires.anonymous-client-ip-when-cross-origin",
+    "0:",
+  ],
+  ["script.type.speculationrules.urls", "0:"],
+  ["script.type.speculationrules.where", "0:"],
+  ["search", "5:2023"],
+  ["section", "10:2015"],
+  ["select", "10:2015"],
+  ["select.disabled", "10:2015"],
+  ["select.form", "10:2015"],
+  ["select.multiple", "10:2015"],
+  ["select.name", "10:2015"],
+  ["select.required", "10:2015"],
+  ["select.size", "0:"],
+  ["selectedcontent", "0:"],
+  ["slot", "10:2020"],
+  ["slot.name", "10:2020"],
+  ["small", "10:2015"],
+  ["source", "10:2015"],
+  ["source.height", "5:2022"],
+  ["source.media", "10:2015"],
+  ["source.sizes", "10:2016"],
+  ["source.src", "10:2015"],
+  ["source.srcset", "10:2016"],
+  ["source.type", "10:2015"],
+  ["source.width", "5:2022"],
+  ["span", "10:2015"],
+  ["strong", "10:2015"],
+  ["style", "10:2015"],
+  ["style.blocking", "0:"],
+  ["style.media", "10:2015"],
+  ["sub", "10:2015"],
+  ["summary", "10:2020"],
+  ["sup", "10:2015"],
+  ["table", "10:2015"],
+  ["tbody", "10:2015"],
+  ["td", "10:2015"],
+  ["td.colspan", "10:2015"],
+  ["td.headers", "10:2015"],
+  ["td.rowspan", "10:2015"],
+  ["template", "10:2015"],
+  ["template.shadowrootclonable", "0:"],
+  ["template.shadowrootdelegatesfocus", "0:"],
+  ["template.shadowrootmode", "5:2024"],
+  ["template.shadowrootserializable", "0:"],
+  ["textarea", "10:2015"],
+  ["textarea.autocomplete", "10:2020"],
+  ["textarea.cols", "10:2015"],
+  ["textarea.dirname", "5:2023"],
+  ["textarea.disabled", "10:2015"],
+  ["textarea.form", "10:2015"],
+  ["textarea.maxlength", "10:2015"],
+  ["textarea.minlength", "10:2018"],
+  ["textarea.name", "10:2015"],
+  ["textarea.placeholder", "10:2015"],
+  ["textarea.readonly", "10:2015"],
+  ["textarea.required", "10:2015"],
+  ["textarea.rows", "10:2015"],
+  ["textarea.spellcheck", "10:2015"],
+  ["textarea.wrap", "10:2015"],
+  ["textarea.wrap.hard", "0:"],
+  ["tfoot", "10:2015"],
+  ["th", "10:2015"],
+  ["th.abbr", "10:2015"],
+  ["th.colspan", "10:2015"],
+  ["th.headers", "10:2015"],
+  ["th.rowspan", "10:2015"],
+  ["th.scope", "10:2015"],
+  ["thead", "10:2015"],
+  ["time", "10:2017"],
+  ["time.datetime", "10:2017"],
+  ["title", "10:2015"],
+  ["tr", "10:2015"],
+  ["track", "10:2015"],
+  ["track.default", "10:2015"],
+  ["track.kind", "10:2015"],
+  ["track.label", "10:2015"],
+  ["track.src", "10:2016"],
+  ["track.srclang", "10:2015"],
+  ["u", "10:2015"],
+  ["ul", "10:2015"],
+  ["var", "10:2015"],
+  ["video", "10:2015"],
+  ["video.autoplay", "10:2016"],
+  ["video.controls", "10:2015"],
+  ["video.controlslist", "0:"],
+  ["video.crossorigin", "10:2020"],
+  ["video.disablepictureinpicture", "0:"],
+  ["video.disableremoteplayback", "0:"],
+  ["video.height", "10:2015"],
+  ["video.loop", "10:2015"],
+  ["video.muted", "10:2015"],
+  ["video.poster", "10:2015"],
+  ["video.preload", "10:2015"],
+  ["video.src", "10:2015"],
+  ["video.width", "10:2015"],
+  ["wbr", "10:2015"],
+]);
+const globalAttributes = new Map([
+  ["accesskey", "10:2015"],
+  ["autocapitalize", "0:"],
+  ["autocorrect", "0:"],
+  ["autofocus", "5:2023"],
+  ["contenteditable", "10:2015"],
+  ["contenteditable.plaintext-only", "5:2025"],
+  ["enterkeyhint", "10:2021"],
+  ["exportparts", "10:2020"],
+  ["inert", "5:2023"],
+  ["inputmode", "10:2021"],
+  ["is", "0:"],
+  ["lang", "10:2015"],
+  ["nonce", "10:2022"],
+  ["part", "10:2020"],
+  ["popover", "5:2024"],
+  ["popover.hint", "0:"],
+  ["slot", "10:2020"],
+  ["spellcheck", "10:2017"],
+  ["style", "10:2015"],
+  ["tabindex", "10:2015"],
+  ["title", "10:2015"],
+  ["translate", "5:2023"],
+  ["virtualkeyboardpolicy", "0:"],
+  ["writingsuggestions", "0:"],
+]);
+module.exports = {
+  elements,
+  globalAttributes,
+  BASELINE_HIGH,
+  BASELINE_LOW,
+  BASELINE_FALSE,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@html-eslint/eslint-plugin",
-  "version": "0.37.0",
+  "version": "0.38.1",
   "description": "ESLint plugin for html",
   "author": "yeonjuan",
   "homepage": "https://github.com/yeonjuan/html-eslint#readme",
@@ -37,12 +37,12 @@
     "accessibility"
   ],
   "dependencies": {
-    "@html-eslint/template-parser": "^0.37.0",
-    "@html-eslint/template-syntax-parser": "^0.37.0"
+    "@html-eslint/template-parser": "^0.38.0",
+    "@html-eslint/template-syntax-parser": "^0.38.0"
   },
   "devDependencies": {
-    "@html-eslint/parser": "^0.37.0",
-    "@html-eslint/types": "^0.37.0",
+    "@html-eslint/parser": "^0.38.0",
+    "@html-eslint/types": "^0.38.0",
     "@types/eslint": "^9.6.1",
     "@types/estree": "^0.0.47",
     "es-html-parser": "0.1.1",
@@ -50,5 +50,5 @@
     "espree": "^10.3.0",
     "typescript": "^5.7.2"
   },
-  "gitHead": "8c8b39a840ef0bc2e335200e86cb90c280169a74"
+  "gitHead": "501ee2415f685bada6b4a967e0e7e72f605b403c"
 }

package/types/configs/recommended.d.ts

@@ -16,5 +16,6 @@ export let rules: {
     "@html-eslint/no-obsolete-tags": string;
     "@html-eslint/require-closing-tags": string;
     "@html-eslint/no-duplicate-attrs": string;
+    "@html-eslint/use-baseline": string;
 };
 //# sourceMappingURL=recommended.d.ts.map

package/types/index.d.ts

@@ -64,6 +64,7 @@ type AllRules = {
     "require-input-label": import("./types").RuleModule<[]>;
     "max-element-depth": import("./types").RuleModule<[import("./rules/max-element-depth").Option]>;
     "require-explicit-size": import("./types").RuleModule<[import("./rules/require-explicit-size").Option]>;
+    "use-baseline": import("./types").RuleModule<[import("./rules/use-baseline").Option]>;
 };
 type RecommendedConfig = {
     rules: {
@@ -84,6 +85,7 @@ type RecommendedConfig = {
         "@html-eslint/no-obsolete-tags": string;
         "@html-eslint/require-closing-tags": string;
         "@html-eslint/no-duplicate-attrs": string;
+        "@html-eslint/use-baseline": string;
     };
 };
 //# sourceMappingURL=index.d.ts.map

package/types/rules/indent/indent.d.ts

@@ -1,5 +1,5 @@
 declare namespace _exports {
-    export { AnyNode, Line, Tag, RuleListener, Context, TemplateText, Token, SourceCode, Range, SourceLocation, TemplateLiteral, OpenTemplate, CloseTemplate, AnyNodeOrLine, IndentType, MessageId, IndentOptionInfo, Option1, Option2, RuleModule };
+    export { AnyNode, Line, Tag, RuleListener, Context, TemplateText, Token, SourceCode, Range, SourceLocation, TemplateLiteral, OpenTemplate, CloseTemplate, ScriptTag, StyleTag, AnyNodeOrLine, IndentType, MessageId, IndentOptionInfo, Option1, Option2, RuleModule };
 }
 declare const _exports: RuleModule;
 export = _exports;
@@ -16,6 +16,8 @@ type SourceLocation = import("eslint").AST.SourceLocation;
 type TemplateLiteral = import("@html-eslint/types").TemplateLiteral;
 type OpenTemplate = import("@html-eslint/types").OpenTemplate;
 type CloseTemplate = import("@html-eslint/types").CloseTemplate;
+type ScriptTag = import("@html-eslint/types").ScriptTag;
+type StyleTag = import("@html-eslint/types").StyleTag;
 type AnyNodeOrLine = AnyNode | Line;
 type IndentType = {
     TAB: "tab";

package/types/rules/indent/indent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indent.d.ts","sourceRoot":"","sources":["../../../lib/rules/indent/indent.js"],"names":[],"mappings":";;;wBAgEU,UAAU;;eA/DN,OAAO,oBAAoB,EAAE,OAAO;YACpC,OAAO,aAAa,EAAE,IAAI;WAC1B,OAAO,oBAAoB,EAAE,GAAG;oBAChC,OAAO,aAAa,EAAE,YAAY;eAClC,OAAO,aAAa,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;oBACpC,OAAO,oBAAoB,EAAE,YAAY;aACzC,OAAO,QAAQ,EAAE,GAAG,CAAC,KAAK;kBAC1B,OAAO,QAAQ,EAAE,UAAU;aAC3B,OAAO,QAAQ,EAAE,GAAG,CAAC,KAAK;sBAC1B,OAAO,QAAQ,EAAE,GAAG,CAAC,cAAc;uBACnC,OAAO,oBAAoB,EAAE,eAAe;oBAC5C,OAAO,oBAAoB,EAAE,YAAY;qBACzC,OAAO,oBAAoB,EAAE,aAAa;qBAE3C,OAAO,GAAG,IAAI;;SAEb,KAAK;WACL,OAAO;;;kBAEP,aAAa;;;gBAEb,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;gBACvC,MAAM;gBACN,MAAM;;eAEP,KAAK,GAAG,MAAM;;;;;kBAKb,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"indent.d.ts","sourceRoot":"","sources":["../../../lib/rules/indent/indent.js"],"names":[],"mappings":";;;wBAoEU,UAAU;;eAnEN,OAAO,oBAAoB,EAAE,OAAO;YACpC,OAAO,aAAa,EAAE,IAAI;WAC1B,OAAO,oBAAoB,EAAE,GAAG;oBAChC,OAAO,aAAa,EAAE,YAAY;eAClC,OAAO,aAAa,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC;oBACpC,OAAO,oBAAoB,EAAE,YAAY;aACzC,OAAO,QAAQ,EAAE,GAAG,CAAC,KAAK;kBAC1B,OAAO,QAAQ,EAAE,UAAU;aAC3B,OAAO,QAAQ,EAAE,GAAG,CAAC,KAAK;sBAC1B,OAAO,QAAQ,EAAE,GAAG,CAAC,cAAc;uBACnC,OAAO,oBAAoB,EAAE,eAAe;oBAC5C,OAAO,oBAAoB,EAAE,YAAY;qBACzC,OAAO,oBAAoB,EAAE,aAAa;iBAC1C,OAAO,oBAAoB,EAAE,SAAS;gBACtC,OAAO,oBAAoB,EAAE,QAAQ;qBAEtC,OAAO,GAAG,IAAI;;SAEb,KAAK;WACL,OAAO;;;kBAEP,aAAa;;;gBAEb,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;gBACvC,MAAM;gBACN,MAAM;;eAEP,KAAK,GAAG,MAAM;;;;;kBAKb,OAAO,aAAa,EAAE,UAAU,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC"}

package/types/rules/index.d.ts

@@ -46,6 +46,7 @@ declare const _exports: {
     "require-input-label": import("../types").RuleModule<[]>;
     "max-element-depth": import("../types").RuleModule<[maxElementDepth.Option]>;
     "require-explicit-size": import("../types").RuleModule<[requireExplicitSize.Option]>;
+    "use-baseline": import("../types").RuleModule<[useBaseLine.Option]>;
 };
 export = _exports;
 import requireImgAlt = require("./require-img-alt");
@@ -65,4 +66,5 @@ import requireOpenGraphProtocol = require("./require-open-graph-protocol");
 import sortAttrs = require("./sort-attrs");
 import maxElementDepth = require("./max-element-depth");
 import requireExplicitSize = require("./require-explicit-size");
+import useBaseLine = require("./use-baseline");
 //# sourceMappingURL=index.d.ts.map

package/types/rules/no-duplicate-attrs.d.ts

@@ -1,5 +1,5 @@
 declare namespace _exports {
-    export { Tag, StyleTag, ScriptTag, RuleModule };
+    export { Tag, StyleTag, ScriptTag, RuleModule, Attribute, SuggestionReportDescriptor };
 }
 declare const _exports: RuleModule;
 export = _exports;
@@ -7,4 +7,6 @@ type Tag = import("@html-eslint/types").Tag;
 type StyleTag = import("@html-eslint/types").StyleTag;
 type ScriptTag = import("@html-eslint/types").ScriptTag;
 type RuleModule = import("../types").RuleModule<[]>;
+type Attribute = import("@html-eslint/types").Attribute;
+type SuggestionReportDescriptor = import("../types").SuggestionReportDescriptor;
 //# sourceMappingURL=no-duplicate-attrs.d.ts.map

package/types/rules/no-duplicate-attrs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-duplicate-attrs.d.ts","sourceRoot":"","sources":["../../lib/rules/no-duplicate-attrs.js"],"names":[],"mappings":";;;wBAeU,UAAU;;WAdN,OAAO,oBAAoB,EAAE,GAAG;gBAChC,OAAO,oBAAoB,EAAE,QAAQ;iBACrC,OAAO,oBAAoB,EAAE,SAAS;kBACtC,OAAO,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC"}
+{"version":3,"file":"no-duplicate-attrs.d.ts","sourceRoot":"","sources":["../../lib/rules/no-duplicate-attrs.js"],"names":[],"mappings":";;;wBAkBU,UAAU;;WAjBN,OAAO,oBAAoB,EAAE,GAAG;gBAChC,OAAO,oBAAoB,EAAE,QAAQ;iBACrC,OAAO,oBAAoB,EAAE,SAAS;kBACtC,OAAO,UAAU,EAAE,UAAU,CAAC,EAAE,CAAC;iBACjC,OAAO,oBAAoB,EAAE,SAAS;kCACtC,OAAO,UAAU,EAAE,0BAA0B"}

package/types/rules/use-baseline.d.ts

@@ -0,0 +1,14 @@
+declare namespace _exports {
+    export { Option, RuleModule, Attribute, Tag, ScriptTag, StyleTag };
+}
+declare const _exports: RuleModule;
+export = _exports;
+type Option = {
+    available: "widely" | "newly" | number;
+};
+type RuleModule = import("../types").RuleModule<[Option]>;
+type Attribute = import("@html-eslint/types").Attribute;
+type Tag = import("@html-eslint/types").Tag;
+type ScriptTag = import("@html-eslint/types").ScriptTag;
+type StyleTag = import("@html-eslint/types").StyleTag;
+//# sourceMappingURL=use-baseline.d.ts.map

package/types/rules/use-baseline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-baseline.d.ts","sourceRoot":"","sources":["../../lib/rules/use-baseline.js"],"names":[],"mappings":";;;wBA0BU,UAAU;;;eAxBN,QAAQ,GAAG,OAAO,GAAG,MAAM;;kBAC3B,OAAO,UAAU,EAAE,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;iBACxC,OAAO,oBAAoB,EAAE,SAAS;WACtC,OAAO,oBAAoB,EAAE,GAAG;iBAChC,OAAO,oBAAoB,EAAE,SAAS;gBACtC,OAAO,oBAAoB,EAAE,QAAQ"}

package/types/rules/utils/baseline.d.ts

@@ -0,0 +1,9 @@
+export const elements: Map<string, string>;
+export const globalAttributes: Map<string, string>;
+/**
+ * This file is auto-generated. (yarn run baseline)
+ */
+export const BASELINE_HIGH: 10;
+export const BASELINE_LOW: 5;
+export const BASELINE_FALSE: 0;
+//# sourceMappingURL=baseline.d.ts.map

package/types/rules/utils/baseline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseline.d.ts","sourceRoot":"","sources":["../../../lib/rules/utils/baseline.js"],"names":[],"mappings":"AAOA,2CAodG;AACH,mDAyBG;AArfH;;GAEG;AACH,4BAAsB,EAAE,CAAC;AACzB,2BAAqB,CAAC,CAAC;AACvB,6BAAuB,CAAC,CAAC"}