chore: upgrade to html-validate 4.0

BREAKING CHANGES: `html-validate` no longer supports node 8

See https://html-validate.org/changelog/index.html#4-0-0- for more information.

Author: danielroe

package.json

@@ -35,8 +35,8 @@
     "rollup-plugin-esbuild": "2.3.0"
   },
   "dependencies": {
-    "defu": "^3.1.0",
-    "html-validate": "^3.5.0"
+    "defu": "^3.2.1",
+    "html-validate": "^4.0.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "latest",
@@ -49,13 +49,13 @@
     "@release-it/conventional-changelog": "^2.0.0",
     "@types/jest": "latest",
     "babel-eslint": "latest",
-    "babel-jest": "latest",
-    "eslint": "^7.12.1",
+    "babel-jest": "26.6.3",
+    "eslint": "^7.13.0",
     "husky": "4.3.0",
-    "jest": "latest",
-    "lint-staged": "10.5.0",
-    "nuxt-edge": "latest",
-    "release-it": "^14.2.0",
+    "jest": "26.6.3",
+    "lint-staged": "10.5.1",
+    "nuxt-edge": "2.14.8-26748031.2c6610cf",
+    "release-it": "^14.2.1",
     "siroc": "latest"
   },
   "peerDependencies": {

siroc.config.json

@@ -1,5 +1,5 @@
 {
   "rollup": {
-    "externals": ["html-validate/build/formatters/codeframe", "html-validate/build/formatters/stylish"]
+    "externals": ["html-validate/dist/formatters/codeframe", "html-validate/dist/formatters/stylish"]
   }
 }

src/config.ts

@@ -26,7 +26,7 @@ export interface ModuleOptions {
   options?: ConfigData
 }
 
-export const DEFAULTS: ModuleOptions = {
+export const DEFAULTS: Required<ModuleOptions> = {
   usePrettier: false,
   options: defaultHtmlValidateConfig
 }

src/index.ts

@@ -13,7 +13,7 @@ const nuxtModule: Module<ModuleOptions> = function (moduleOptions) {
     `Using ${chalk.bold('html-validate')} to validate server-rendered HTML`
   )
 
-  const { usePrettier, options } = defu<ModuleOptions>(this.options[CONFIG_KEY], moduleOptions, DEFAULTS)
+  const { usePrettier, options } = defu(this.options[CONFIG_KEY] || {}, moduleOptions, DEFAULTS)
   const { validator } = useValidator(options)
 
   const checkHTML = useChecker(validator, usePrettier)

src/validator.ts

@@ -43,8 +43,8 @@ export const useChecker = (validator: HtmlValidate, usePrettier = false, reporte
   }
 
   const formatter = couldFormat
-    ? await import('html-validate/build/formatters/codeframe').then(r => r.default || /* istanbul ignore next */ r)
-    : await import('html-validate/build/formatters/stylish').then(r => r.default || /* istanbul ignore next */ r)
+    ? 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 formattedResult = formatter(results)
   reporter.error(

test/checker.test.ts

@@ -1,7 +1,7 @@
 import consola from 'consola'
 import prettier from 'prettier'
-import prettierPrinter from 'html-validate/build/formatters/codeframe'
-import normalPrinter from 'html-validate/build/formatters/stylish'
+import prettierPrinter from 'html-validate/dist/formatters/codeframe'
+import normalPrinter from 'html-validate/dist/formatters/stylish'
 
 import { useChecker } from '../src/validator'
 
@@ -16,8 +16,8 @@ jest.mock('prettier', () => ({
 jest.mock('consola', () => ({
   withTag: jest.fn().mockImplementation(() => mockReporter)
 }))
-jest.mock('html-validate/build/formatters/codeframe')
-jest.mock('html-validate/build/formatters/stylish')
+jest.mock('html-validate/dist/formatters/codeframe')
+jest.mock('html-validate/dist/formatters/stylish')
 
 const mockReporter = {
   success: jest.fn(),