feat: upgrade html-validator and use native hint links

Author: danielroe

package.json

@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "defu": "3.2.2",
-    "html-validate": "4.9.0"
+    "html-validate": "4.10.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "7.13.15",
@@ -46,7 +46,7 @@
     "husky": "6.0.0",
     "jest": "26.6.3",
     "lint-staged": "10.5.4",
-    "nuxt-edge": "2.16.0-26968342.9212d34e",
+    "nuxt-edge": "2.16.0-26979859.88ea02c4",
     "release-it": "14.6.1",
     "siroc": "0.9.2"
   },

src/validator.ts

@@ -50,12 +50,7 @@ export const useChecker = (
     ? await import('html-validate/dist/formatters/codeframe').then(r => r.default || /* istanbul ignore next */ r)
     : await import('html-validate/dist/formatters/stylish').then(r => r.default || /* istanbul ignore next */ r)
 
-  const rules = Array.from(new Set(results[0]?.messages.map(({ ruleId }) => ruleId)))
-
-  let formattedResult = formatter(results)
-  rules.forEach((ruleId) => {
-    formattedResult = formattedResult.replace(new RegExp(ruleId, 'g'), `https://html-validate.org/rules/${ruleId}.html`)
-  })
+  const formattedResult = formatter(results)
 
   reporter.error(
     [

test/__snapshots__/validator.test.ts.snap

@@ -13,6 +13,7 @@ Array [
         "message": "Element <a> is not permitted as descendant of <a>",
         "offset": 41,
         "ruleId": "element-permitted-content",
+        "ruleUrl": "https://html-validate.org/rules/element-permitted-content.html",
         "selector": "body > a > a",
         "severity": 2,
         "size": 1,