chore(lint): install html lint to lint njk and html files, remo…

.eslintrc.yml

@@ -31,6 +31,38 @@ plugins:
   - 'editorconfig'
   - '@typescript-eslint'
   - 'eslint-plugin-tsdoc'
+  - '@html-eslint'
+
+overrides:
+  - files:
+      - '*.njk'
+      - '*.html'
+    parser: '@html-eslint/parser'
+    extends:
+      - 'plugin:@html-eslint/recommended'
+    excludedFiles: '*.ts'
+    rules:
+      '@typescript-eslint/no-unnecessary-boolean-literal-compare': off
+      '@typescript-eslint/await-thenable': off
+      '@typescript-eslint/no-unnecessary-qualifier': off
+      '@typescript-eslint/no-unnecessary-type-assertion': off
+      '@typescript-eslint/require-array-sort-compare': off
+      '@typescript-eslint/no-base-to-string': off
+      '@typescript-eslint/no-unnecessary-type-arguments': off
+      '@typescript-eslint/non-nullable-type-assertion-style': off
+      '@typescript-eslint/no-implied-eval': off
+      '@typescript-eslint/no-throw-literal': off
+      '@typescript-eslint/return-await': off
+      'spaced-comment': off
+      '@html-eslint/require-doctype': off
+      '@html-eslint/require-lang': off
+      '@html-eslint/require-title': off
+      'max-len': off
+      'max-lines': off
+      '@html-eslint/require-closing-tags': off
+      '@html-eslint/no-duplicate-attrs': off
+      '@html-eslint/indent': off
+      '@html-eslint/element-newline': off
 
 # Overall rules
 rules:

.lintstagedrc.yml

@@ -3,8 +3,3 @@
   - "jest --silent --noStackTrace --bail --passWithNoTests --findRelatedTests"
 "*.less":
   - "stylelint"
-  - "lintspaces -n -t -d spaces"
-"*.html":
-  - "lintspaces -n -t -d spaces"
-"*.njk":
-  - "lintspaces -n -t -d spaces"

package.json

@@ -67,10 +67,10 @@
     "test:ci": "jest --coverage --silent --noStackTrace",
     "test:unit": "jest --silent --noStackTrace",
     "test:report": "jest --coverage",
-    "lint": "concurrently \"npm run lint:js\" \"npm run lint:css\" \"npm run lint:spaces\" && node build/catlog.js \"Linting passed\"",
+    "lint": "concurrently \"npm run lint:js\" \"npm run lint:njk\" \"npm run lint:css\" && node build/catlog.js \"Linting passed\"",
     "lint:js": "eslint \"src/**/*.ts\" \"pages/src/**/*.ts\" --max-warnings 3",
     "lint:css": "stylelint \"src/**/*.less\" \"pages/src/**/*.less\"",
-    "lint:spaces": "lintspaces \"./pages/{src,views,controller}/**/*.{html,less,json}\" \"./src/**/*.{less}\" -n -t -d spaces",
+    "lint:njk": "eslint \"pages/views/**/*.njk\" --max-warnings 3  --fix",
     "prepare": "husky install && npm run build",
     "preversion": "npm test"
   },
@@ -87,6 +87,8 @@
     "@11ty/eleventy-dev-server": "^1.0.3",
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
+    "@html-eslint/eslint-plugin": "^0.16.0",
+    "@html-eslint/parser": "^0.16.0",
     "@juggle/resize-observer": "^3.4.0",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/commit-analyzer": "^9.0.2",

pages/views/_includes/landing/blogs.njk

@@ -10,7 +10,7 @@
         <div class="blogs-content">
           <h4 class="blogs-content-name">{{ item.data.name }}</h4>
           <p class="blogs-content-text">{{ item.templateContent | text | truncate(250) }}</p>
-          <a class="arrow-link btn-link btn-sm"  href="{{ item.url | url }}">{{ landing.blogs.cta.text }}</a>
+          <a class="arrow-link btn-link btn-sm" href="{{ item.url | url }}">{{ landing.blogs.cta.text }}</a>
         </div>
       </li>
     {% endfor %}

pages/views/_layouts/base.njk

@@ -14,7 +14,7 @@
   {# Additional site meta information #}
   {% block meta %}{% endblock meta %}
   {# Site icon #}
-  <link rel="icon" type="image/png" href="{{ '/assets/logo-64x64.png' | url }}" />
+  <link rel="icon" type="image/png" href="{{ '/assets/logo-64x64.png' | url }}"/>
 
   {% if not env.isDev %}
     {% include 'analytics.njk' %}
@@ -23,7 +23,7 @@
     {% include 'polyfill.njk' %}
   {% endblock %}
   {% block headlib %}
-    <link rel="stylesheet" type="text/css" href="{{ '/bundles/localdev.css' | url }}" />
+    <link rel="stylesheet" type="text/css" href="{{ '/bundles/localdev.css' | url }}"/>
   {% endblock %}
 </head>
 <body>

pages/views/_layouts/forward.njk

@@ -5,7 +5,7 @@
 
 {% block meta %}
   <meta charset="utf-8"/>
-  <meta name="robots" content="noindex" />
+  <meta name="robots" content="noindex"/>
   <meta http-equiv="refresh" content="0;url={{ target | url }}"/>
 {% endblock meta %}
 {% block content %}

pages/views/examples/embedded-video.njk

@@ -129,10 +129,10 @@ aside:
   {#      <div class="alert alert-info">Video bellow will be loading only on XS breakpoint</div>#}
   {#      <div class="img-container img-container-16-9">#}
   {#        <esl-media load-condition="@XS, @MOBILE"#}
-  {#                   media-type="youtube"#}
-  {#                   media-id="e1omOSkYltw"#}
-  {#                   autoplay="true"#}
-  {#                   muted loop>#}
+  {# media-type="youtube"#}
+  {# media-id="e1omOSkYltw"#}
+  {# autoplay="true"#}
+  {# muted loop>#}
   {#        </esl-media>#}
   {#      </div>#}
   {#    </div>#}