build(lint): Add htmlhint to lint htm and html (#143)

.check.exs

@@ -27,6 +27,7 @@
     {:css_lint, "./run css:lint"},
     {:dockerfile_lint, "./run dockerfile:lint"},
     {:elixir_eex_lint, "./run elixir:eex:lint"},
+    {:html_lint, "./run html:lint"},
     {:markdown_lint, "./run markdown:lint"},
     {:prettier_lint, "./run prettier:lint"},
     {:shell_lint, "./run shell:lint"},

.devcontainer/devcontainer.json

@@ -18,6 +18,9 @@
     // EditorConfig
     "editorconfig.editorconfig",
 
+    // HTML
+    "mkaufman.htmlhint",
+
     // CSS, SCSS, SASS, LESS
     "stylelint.vscode-stylelint",
 

.github/labeler.yml

@@ -31,9 +31,11 @@ chore:
   - "**/.gitignore"
   - "**/.gitkeep"
   - .hadolint*
+  - .htmlhint*
   - .husky/**/*
   - .lintstaged*
   - .markdownlint*
+  - .stylelint*
   - "**/.npmrc"
   - .prettier*
   - .vscode/**/*

.htmlhintrc

@@ -0,0 +1,35 @@
+{
+  "alt-require": true,
+  "attr-lowercase": true,
+  "attr-no-duplication": true,
+  "attr-no-unnecessary-whitespace": true,
+  "attr-sorted": true,
+  "attr-unsafe-chars": true,
+  "attr-value-double-quotes": true,
+  "attr-value-not-empty": false,
+  "attr-value-single-quotes": false,
+  "attr-whitespace": true,
+  "doctype-first": false,
+  "doctype-html5": true,
+  "empty-tag-not-self-closed": true,
+  "head-script-disabled": false,
+  "html-lang-require": true,
+  "href-abs-or-rel": false,
+  "id-class-ad-disabled": true,
+  "id-class-value": false,
+  "id-unique": true,
+  "inline-script-disabled": true,
+  "inline-style-disabled": true,
+  "input-requires-label": false,
+  "script-disabled": true,
+  "space-tab-mixed-disabled": true,
+  "spec-char-escape": false,
+  "src-not-empty": true,
+  "style-disabled": true,
+  "tag-pair": false,
+  "tag-self-close": true,
+  "tagname-lowercase": true,
+  "tagname-specialchars": true,
+  "tags-check": true,
+  "title-require": true
+}

.lintstagedrc.yml

@@ -11,6 +11,11 @@
   - ./run css:lint
   - ./run prettier:lint
 
+"*.{htm,html}":
+  - ./run prettier:format
+  - ./run html:lint
+  - ./run prettier:lint
+
 "*.html.{eex,leex}":
   - ./run elixir:eex:format
   - ./run elixir:eex:lint
@@ -23,7 +28,7 @@
   - ./run dockerfile:format
   - ./run dockerfile:lint
 
-"*.{json,yaml,yml}":
+"*.{json,yaml,yml,htmlhintrc}":
   - ./run prettier:format
   - ./run prettier:lint
 

.vscode/extensions.json

@@ -7,6 +7,12 @@
     // Remote container
     "ms-vscode-remote.remote-containers",
 
+    // HTML:
+    "mkaufman.htmlhint",
+
+    // CSS, SCSS, SASS, LESS:
+    "stylelint.vscode-stylelint",
+
     // EditorConfig:
     "editorconfig.editorconfig",
 

.vscode/tasks.json

@@ -157,6 +157,36 @@
       "args": ["dockerfile:lint"],
       "problemMatcher": [],
       "detail": "Lint all Dockerfiles"
+    },
+    /* -------------------------------------------- */
+    /*             CSS, SCSS, SASS, LESS            */
+    /* -------------------------------------------- */
+    {
+      "label": "css:format",
+      "type": "shell",
+      "command": "./run",
+      "args": ["css:format "],
+      "problemMatcher": [],
+      "detail": "Format CSS, SCSS, SASS, LESS and any files containing CSS"
+    },
+    {
+      "label": "css:lint",
+      "type": "shell",
+      "command": "./run",
+      "args": ["css:lint "],
+      "problemMatcher": [],
+      "detail": "Lint CSS, SCSS, SASS, LESS and any files containing CSS"
+    },
+    /* -------------------------------------------- */
+    /*                     HTML                     */
+    /* -------------------------------------------- */
+    {
+      "label": "html:lint",
+      "type": "shell",
+      "command": "./run",
+      "args": ["html:lint"],
+      "problemMatcher": [],
+      "detail": "Lint HTML files and templates"
     }
   ],
   "inputs": [