add github action to lint js/less/html

Author: johndoh

.eslintrc.js

@@ -0,0 +1,70 @@
+module.exports = {
+    env: {
+        browser: true,
+        es6: true,
+    },
+    extends: [
+        'airbnb-base',
+        'plugin:unicorn/recommended',
+    ],
+    parserOptions: {
+        ecmaVersion: '2022',
+        sourceType: 'module',
+    },
+    ignorePatterns: [
+        '!.*',
+        '*.min.js',
+    ],
+    rules: {
+        'brace-style': ['error', '1tbs'],
+        'comma-dangle': ['error', {
+            arrays: 'always-multiline',
+            exports: 'always-multiline',
+            functions: 'never',
+            imports: 'always-multiline',
+            objects: 'always-multiline',
+        }],
+        curly: ['error', 'all'],
+        indent: ['error', 4, {
+            SwitchCase: 1,
+        }],
+        'linebreak-style': ['error', 'unix'],
+        'no-multi-spaces': ['error', {
+            exceptions: {
+                Property: true,
+                VariableDeclarator: true,
+            },
+        }],
+        'object-shorthand': ['error', 'never'],
+        'padding-line-between-statements': ['error', {
+            blankLine: 'always',
+            next: ['continue', 'break', 'export', 'return', 'throw'],
+            prev: '*',
+        }],
+        'spaced-comment': ['error', 'always', {
+            block: {
+                balanced: true,
+                exceptions: ['*'],
+                markers: ['!'],
+            },
+            line: {
+                exceptions: ['-', '+'],
+                markers: ['/'],
+            },
+        }],
+        strict: 'off',
+        'wrap-iife': ['error', 'inside'],
+        'func-names': 'off',
+        'no-param-reassign': 'off',
+        'no-use-before-define': 'off',
+        'prefer-destructuring': 'off',
+        'unicorn/prefer-module': 'off',
+        'unicorn/prefer-query-selector': 'off',
+        'unicorn/no-array-for-each': 'off',
+        'unicorn/prevent-abbreviations': 'off',
+    },
+    reportUnusedDisableDirectives: true,
+    globals: {
+        bootstrap: true,
+    },
+};

.github/workflows/validate.yml

@@ -0,0 +1,45 @@
+name: Validate
+
+on:
+  push:
+  pull_request:
+
+permissions:
+  contents: read
+
+jobs:
+  validate:
+    if: "!contains(github.event.head_commit.message, '[skip ci]') && !contains(github.event.head_commit.message, '[ci skip]') && (github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name)"
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v6
+
+      - name: Setup Node
+        uses: actions/setup-node@v7
+        with:
+          node-version: 22
+
+      - name: Install Node dependencies
+        run: npm install --omit=optional
+
+      - name: Lint JavaScript
+        run: npx eslint --ext .js .
+
+      - name: Lint Less
+        run: npx stylelint "./styles/styles.less"
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: "3.4"
+          bundler-cache: true
+
+      - name: Build site
+        run: bundle exec jekyll build
+
+      - name: Lint HTML
+        # Find generated HTML, excluding news pages as then contain HTML4
+        run: find _site -name '*.html' ! -path '_site/news/*/*.html' -print0 | xargs -0 -r npx htmlhint -c .htmlhintrc.js
+

.htmlhintrc

@@ -0,0 +1,26 @@
+{
+  "doctype-first": true,
+  "doctype-html5": true,
+
+  "tagname-lowercase": true,
+  "attr-lowercase": true,
+  "attr-value-double-quotes": true,
+  "attr-no-duplication": true,
+  "attr-value-no-duplication": true,
+
+  "tag-pair": true,
+  "empty-tag-not-self-closed": true,
+  "tag-no-obsolete": true,
+
+  "spec-char-escape": true,
+  "src-not-empty": true,
+  "alt-require": true,
+  "id-unique": true,
+
+  "html-lang-require": true,
+  "title-require": true,
+
+  "button-type-require": true,
+  "input-requires-label": true,
+  "frame-title-require": true,
+}

package.json

@@ -3,5 +3,14 @@
     "less": "^4.4.0",
     "less-plugin-clean-css": "^1.6.0",
     "uglify-js": "^3.19.3"
+  },
+  "devDependencies": {
+    "stylelint": "^17.16.0",
+    "stylelint-config-standard-less": "^4.1.0",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-unicorn": "^54.0.0",
+    "htmlhint": "^1.1.4"
   }
 }

stylelint.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('stylelint').Config} */
+export default {
+  extends: ["stylelint-config-standard-less"],
+
+  rules: {
+    "no-descending-specificity": null
+  }
+};