fix(template-no-block-params-for-html-elements): include mathml-tag-names

Extends the allowlist with MathML tag names. NullVoxPopuli confirmed the
plugin can use ESM-only packages since the supported Node range (>=20.19)
has require(esm). Adds an invalid test for `<mfrac as |num|>` and an
invalid test for `<circle as |r|>` (SVG, via svg-tags).

Author: johanrd

lib/rules/template-no-block-params-for-html-elements.js

@@ -1,7 +1,8 @@
 const htmlTags = require('html-tags');
 const svgTags = require('svg-tags');
+const { mathmlTagNames } = require('mathml-tag-names');
 
-const ELEMENT_TAGS = new Set([...htmlTags, ...svgTags]);
+const ELEMENT_TAGS = new Set([...htmlTags, ...svgTags, ...mathmlTagNames]);
 
 /** @type {import('eslint').Rule.RuleModule} */
 module.exports = {

package.json

@@ -73,6 +73,7 @@
     "html-tags": "^3.3.1",
     "lodash.camelcase": "^4.3.0",
     "lodash.kebabcase": "^4.1.1",
+    "mathml-tag-names": "^4.0.0",
     "requireindex": "^1.2.0",
     "snake-case": "^3.0.3",
     "svg-tags": "^1.0.0"

pnpm-lock.yaml

@@ -55,5 +55,27 @@ ruleTester.run('template-no-block-params-for-html-elements', rule, {
         },
       ],
     },
+    {
+      // SVG element — in svg-tags allowlist.
+      code: '<template><circle as |r|>{{r}}</circle></template>',
+      output: null,
+      errors: [
+        {
+          message: 'Block params can only be used with components, not HTML elements.',
+          type: 'GlimmerElementNode',
+        },
+      ],
+    },
+    {
+      // MathML element — in mathml-tag-names allowlist.
+      code: '<template><mfrac as |num|>{{num}}</mfrac></template>',
+      output: null,
+      errors: [
+        {
+          message: 'Block params can only be used with components, not HTML elements.',
+          type: 'GlimmerElementNode',
+        },
+      ],
+    },
   ],
 });