chore: upgrade to html-validate@5

Author: danielroe

package.json

@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "defu": "5.0.0",
-    "html-validate": "4.14.0"
+    "html-validate": "5.0.2"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "7.14.5",
@@ -41,12 +41,12 @@
     "@release-it/conventional-changelog": "3.0.1",
     "@types/jest": "26.0.23",
     "babel-eslint": "latest",
-    "babel-jest": "27.0.5",
+    "babel-jest": "27.0.6",
     "eslint": "7.29.0",
     "husky": "6.0.0",
-    "jest": "27.0.5",
+    "jest": "27.0.6",
     "lint-staged": "11.0.0",
-    "nuxt-edge": "2.16.0-27063376.35c6ac41",
+    "nuxt-edge": "2.16.0-27081523.eb6bd9fe",
     "release-it": "14.10.0",
     "siroc": "0.11.1"
   },

src/validator.ts

@@ -1,6 +1,6 @@
 import chalk from 'chalk'
 import consola from 'consola'
-import { ConfigData, HtmlValidate } from 'html-validate'
+import { ConfigData, HtmlValidate, formatterFactory } from 'html-validate'
 
 const validators = new Map<ConfigData, HtmlValidate>()
 
@@ -46,11 +46,9 @@ export const useChecker = (
     )
   }
 
-  const formatter = couldFormat
-    ? 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 formatter = couldFormat ? formatterFactory('codeframe') : formatterFactory('stylish')
 
-  const formattedResult = formatter(results)
+  const formattedResult = formatter!(results)
 
   reporter.error(
     [

test/checker.test.ts

@@ -1,7 +1,6 @@
 import consola from 'consola'
 import prettier from 'prettier'
-import prettierPrinter from 'html-validate/dist/formatters/codeframe'
-import normalPrinter from 'html-validate/dist/formatters/stylish'
+import * as validate from 'html-validate'
 
 import { useChecker } from '../src/validator'
 
@@ -16,8 +15,7 @@ jest.mock('prettier', () => ({
 jest.mock('consola', () => ({
   withTag: jest.fn().mockImplementation(() => mockReporter)
 }))
-jest.mock('html-validate/dist/formatters/codeframe')
-jest.mock('html-validate/dist/formatters/stylish')
+jest.spyOn(validate, 'formatterFactory')
 
 const mockReporter = {
   success: jest.fn(),
@@ -76,7 +74,7 @@ describe('useChecker', () => {
 
     await checker('https://test.com/', '<a>Link</a>')
     expect(prettier.format).toHaveBeenCalledWith('<a>Link</a>', { parser: 'html' })
-    expect(prettierPrinter).toHaveBeenCalled()
+    expect(validate.formatterFactory).toHaveBeenCalledWith('codeframe')
   })
 
   it('falls back gracefully when prettier cannot format', async () => {
@@ -86,7 +84,7 @@ describe('useChecker', () => {
     await checker('https://test.com/', Symbol as any)
     expect(prettier.format).toHaveBeenCalledWith(Symbol, { parser: 'html' })
     expect(mockReporter.error).toHaveBeenCalled()
-    expect(normalPrinter).toHaveBeenCalled()
-    expect(prettierPrinter).not.toHaveBeenCalled()
+    expect(validate.formatterFactory).toHaveBeenCalledWith('stylish')
+    expect(validate.formatterFactory).not.toHaveBeenCalledWith('codeframe')
   })
 })