@html-eslint/eslint-plugin 0.23.0 → 0.24.0

package/lib/constants/svg-camel-case-attributes.js

@@ -0,0 +1,73 @@
+module.exports = [
+  "allowReorder",
+  "attributeName",
+  "attributeType",
+  "autoReverse",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPath",
+  "clipPathUnits",
+  "contentScriptType",
+  "contentStyleType",
+  "diffuseConstant",
+  "edgeMode",
+  "externalResourcesRequired",
+  "filterRes",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "onBlur",
+  "onChange",
+  "onClick",
+  "onFocus",
+  "onKeyUp",
+  "onLoad",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan",
+];

package/lib/rules/id-naming-convention.js

@@ -55,6 +55,7 @@ module.exports = {
         type: "object",
         properties: {
           pattern: { type: "string" },
+          flags: { type: "string" },
         },
         additionalProperties: false,
       },
@@ -74,7 +75,10 @@ module.exports = {
     const checkNaming =
       convention === CONVENTIONS.REGEX
         ? (/** @type string */ name) =>
-            new RegExp(context.options[1].pattern).test(name)
+            new RegExp(
+              context.options[1].pattern,
+              context.options[1].flags || ""
+            ).test(name)
         : CONVENTION_CHECKERS[convention];
 
     return {

package/lib/rules/lowercase.js

@@ -7,6 +7,7 @@
 
 const { NODE_TYPES } = require("@html-eslint/parser");
 const { RULE_CATEGORY } = require("../constants");
+const SVG_CAMEL_CASE_ATTRIBUTES = require("../constants/svg-camel-case-attributes");
 
 const MESSAGE_IDS = {
   UNEXPECTED: "unexpected",
@@ -33,6 +34,31 @@ module.exports = {
   },
 
   create(context) {
+    const allowedAttrKeySet = new Set(SVG_CAMEL_CASE_ATTRIBUTES);
+    /**
+     * @type {TagNode[]}
+     */
+    const svgStack = [];
+
+    /**
+     * @param {TagNode} node
+     */
+    function enterSvg(node) {
+      svgStack.push(node);
+    }
+
+    function exitSvg() {
+      svgStack.pop();
+    }
+
+    /**
+     * @param {string} key
+     * @returns {boolean}
+     */
+    function isAllowedAttributeKey(key) {
+      return !!svgStack.length && allowedAttrKeySet.has(key);
+    }
+
     /**
      * @param {TagNode | StyleTagNode | ScriptTagNode} node
      */
@@ -72,6 +98,9 @@ module.exports = {
       }
       if (node.attributes && node.attributes.length) {
         node.attributes.forEach((attribute) => {
+          if (isAllowedAttributeKey(attribute.key.value)) {
+            return;
+          }
           if (attribute.key.value !== attribute.key.value.toLowerCase()) {
             context.report({
               node: attribute.key,
@@ -92,7 +121,20 @@ module.exports = {
     }
 
     return {
-      Tag: check,
+      Tag(node) {
+        if (node.name.toLocaleLowerCase() === "svg") {
+          enterSvg(node);
+        }
+        check(node);
+      },
+      /**
+       * @param {TagNode} node
+       */
+      "Tag:exit"(node) {
+        if (node.name.toLocaleLowerCase() === "svg") {
+          exitSvg();
+        }
+      },
       StyleTag: check,
       ScriptTag: check,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@html-eslint/eslint-plugin",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "ESLint plugin for html",
   "author": "yeonjuan",
   "homepage": "https://github.com/yeonjuan/html-eslint#readme",
@@ -45,11 +45,11 @@
     "accessibility"
   ],
   "devDependencies": {
-    "@html-eslint/parser": "^0.23.0",
+    "@html-eslint/parser": "^0.24.0",
     "@types/eslint": "^8.56.2",
     "@types/estree": "^0.0.47",
     "es-html-parser": "^0.0.8",
     "typescript": "^4.4.4"
   },
-  "gitHead": "4399086819b9c93546fe3b16493638a84ac362c0"
+  "gitHead": "1e0611bef4b126819ae09ae9ec28b8808f524bd8"
 }

package/types/constants/svg-camel-case-attributes.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: string[];
+export = _exports;
+//# sourceMappingURL=svg-camel-case-attributes.d.ts.map

package/types/constants/svg-camel-case-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-camel-case-attributes.d.ts","sourceRoot":"","sources":["../../lib/constants/svg-camel-case-attributes.js"],"names":[],"mappings":""}

package/types/constants/svg-camelcase-attributes.d.ts

@@ -0,0 +1,3 @@
+declare const _exports: string[];
+export = _exports;
+//# sourceMappingURL=svg-camelcase-attributes.d.ts.map

package/types/constants/svg-camelcase-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-camelcase-attributes.d.ts","sourceRoot":"","sources":["../../lib/constants/svg-camelcase-attributes.js"],"names":[],"mappings":""}

package/types/rules/id-naming-convention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-naming-convention.d.ts","sourceRoot":"","sources":["../../lib/rules/id-naming-convention.js"],"names":[],"mappings":"wBAoCU,UAAU;;yBAnCN,OAAO,UAAU,EAAE,UAAU;sBAC7B,OAAO,UAAU,EAAE,OAAO;4BAC1B,OAAO,UAAU,EAAE,aAAa;2BAChC,OAAO,UAAU,EAAE,YAAY"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"lowercase.d.ts","sourceRoot":"","sources":["../../lib/rules/lowercase.js"],"names":[],"mappings":"wBAgBU,UAAU;;yBAfN,OAAO,UAAU,EAAE,UAAU;sBAC7B,OAAO,UAAU,EAAE,OAAO;2BAC1B,OAAO,UAAU,EAAE,YAAY;4BAC/B,OAAO,UAAU,EAAE,aAAa"}