feat: implement

yeonjuan · yeonjuan · commit 5f329d802e28 · 2025-04-18T01:22:05.000+09:00
diff --git a/docs/rules/use-standard-html.md b/docs/rules/use-standard-html.md
diff --git a/packages/eslint-plugin/lib/rules/use-standard-html.js b/packages/eslint-plugin/lib/rules/use-standard-html.js
@@ -10,9 +10,10 @@
 
 const { RULE_CATEGORY } = require("../constants");
 const { getElementSpec } = require("html-standard");
+const { isTag } = require("./utils/node");
 
 const MESSAGE_IDS = {
-  UNSORTED: "unsorted",
+  DISALLOW_CHILD: "disallowChild",
 };
 
 /**
@@ -43,14 +44,42 @@ module.exports = {
       },
     ],
     messages: {
-      [MESSAGE_IDS.UNSORTED]: "TBD",
+      [MESSAGE_IDS.DISALLOW_CHILD]: "TBD",
     },
   },
   create(context) {
     return {
       Tag(node) {
         const spec = getElementSpec(node.name);
-        console.log(spec);
+        if (!spec || !spec.contents) {
+          return;
+        }
+
+        node.children.forEach((child) => {
+          if (!spec.contents) {
+            return;
+          }
+          if (!isTag(child)) {
+            return;
+          }
+          const isAllowed = spec.contents.some((model) => {
+            if (
+              model.type === "required" ||
+              model.type === "oneOrMore" ||
+              model.type === "zeroOrMore" ||
+              model.type === "optional"
+            ) {
+              return model.contents.has(child.name.toLowerCase());
+            }
+            return false;
+          });
+          if (!isAllowed) {
+            context.report({
+              node: child,
+              messageId: MESSAGE_IDS.DISALLOW_CHILD,
+            });
+          }
+        });
       },
     };
   },
diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json
@@ -39,7 +39,7 @@
   "dependencies": {
     "@html-eslint/template-parser": "^0.38.0",
     "@html-eslint/template-syntax-parser": "^0.38.0",
-    "html-standard": "^0.0.3"
+    "html-standard": "^0.0.4"
   },
   "devDependencies": {
     "@html-eslint/parser": "^0.38.0",
diff --git a/packages/eslint-plugin/tests/rules/use-standard-html.test.js b/packages/eslint-plugin/tests/rules/use-standard-html.test.js
@@ -9,5 +9,16 @@ ruleTester.run("use-standard-html", rule, {
       code: `<slot></slot>`,
     },
   ],
-  invalid: [],
+  invalid: [
+    {
+      code: `<html>
+<div></div>
+      </html`,
+      errors: [
+        {
+          messageId: "disallowChild",
+        },
+      ],
+    },
+  ],
 });
diff --git a/yarn.lock b/yarn.lock
@@ -1284,7 +1284,7 @@ __metadata:
     es-html-parser: "npm:0.1.1"
     eslint: "npm:^9.21.0"
     espree: "npm:^10.3.0"
-    html-standard: "npm:^0.0.3"
+    html-standard: "npm:^0.0.4"
     typescript: "npm:^5.7.2"
   languageName: unknown
   linkType: soft
@@ -8806,10 +8806,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"html-standard@npm:^0.0.3":
-  version: 0.0.3
-  resolution: "html-standard@npm:0.0.3"
-  checksum: 782dcd5161cb044c18c9239f332cbcae73072c96bcf2336b0dad4f3162f45d47076aaccd679f69276108e3172171bf45a0f5374c876976793ac165e85d62923f
+"html-standard@npm:^0.0.4":
+  version: 0.0.4
+  resolution: "html-standard@npm:0.0.4"
+  checksum: 268df7985c491c757ed035d741e9f9d6ac1b545e18ff4b06ec55a8e291e7912168be0306fe8ed85648193cd756351a29b679b8f457394d6cba5e9a172225cf28
   languageName: node
   linkType: hard
 
