[WIP] feat: add frontend tooling

.ddev/commands/web/eslint-js

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+## Description: Run the eslint on js files.
+## Usage: eslint-js
+## Example: "ddev eslint-js"
+
+/var/www/html/web/core/node_modules/eslint/bin/eslint.js --ext .js --resolve-plugins-relative-to=./web/core $*

.ddev/commands/web/eslint-yaml

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+## Description: Run the eslint on yaml files.
+## Usage: eslint-yaml
+## Example: "ddev eslint-yaml"
+
+/var/www/html/web/core/node_modules/eslint/bin/eslint.js --ext .yml --resolve-plugins-relative-to=./web/core $*

.ddev/commands/web/stylelint

@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+## Description: Run the stylelint.
+## Usage: stylelint
+## Example: "ddev stylelint"
+
+/var/www/html/web/core/node_modules/.bin/stylelint --ignore-path /var/www/html/web/core/.stylelintignore --config /var/www/html/web/core/.stylelintrc.json $*

.lando.dist.yml

@@ -115,3 +115,15 @@ tooling:
   update-solr-config:
     service: appserver
     cmd: /app/.lando/update-solr-config.sh
+  install-frontend:
+    service: node
+    cmd: cd /app/web/core && cp -f /app/web/core/.prettierrc.json /app/web/.prettierrc.json && cp -f /app/web/core/.prettierignore /app/.prettierignore && npm i
+  eslint-js:
+    service: node
+    cmd: /app/web/core/node_modules/eslint/bin/eslint.js --ext .js --resolve-plugins-relative-to=./web/core
+  eslint-yml:
+    service: node
+    cmd: /app/web/core/node_modules/eslint/bin/eslint.js --ext .yml --resolve-plugins-relative-to=./web/core
+  stylelint:
+    service: node
+    cmd: /app/web/core/node_modules/.bin/stylelint --ignore-path /app/web/core/.stylelintignore --config /app/web/core/.stylelintrc.json

README_FRONTEND_TOOLING.md

@@ -0,0 +1,87 @@
+# LocalGov Drupal Frontend Tooling
+
+Below details the steps required to run the frontend tooling such as ESLint and
+Stylelint with Lando or DDEV.
+
+## Prerequisites
+
+Run the following command to install the frontend dependencies.
+
+This installs Drupal Core's frontend packages and copies the Prettier config
+to the correct directory for tooling.
+
+This only needs to be done once.
+
+```bash
+lando install-frontend
+ddev install-frontend
+```
+
+## ESLint (Javascript) Usage
+
+To run eslint on just .js files, run:
+
+```bash
+lando eslint-js web/modules/contrib/[project_name]
+ddev eslint-js web/modules/contrib/[project_name]
+```
+
+E.g.
+
+```bash
+lando eslint-js web/modules/contrib/localgov_core
+ddev eslint-js web/modules/contrib/localgov_core
+```
+
+If you wish to fix some of the issues automatically, add the `--fix` flag:
+
+```bash
+lando eslint-js --fix web/modules/contrib/[project_name]
+ddev eslint-js --fix web/modules/contrib/[project_name]
+```
+
+## ESLint (Yaml) Usage
+
+To run eslint on just .yml files, run:
+
+```bash
+lando eslint-yml web/modules/contrib/[project_name]
+ddev eslint-yml web/modules/contrib/[project_name]
+```
+
+E.g.
+
+```bash
+lando eslint-yml web/modules/contrib/localgov_core
+ddev eslint-yml web/modules/contrib/localgov_core
+```
+
+If you wish to fix some of the issues automatically, add the `--fix` flag:
+
+```bash
+lando eslint-yml --fix web/modules/contrib/[project_name]
+ddev eslint-yml --fix web/modules/contrib/[project_name]
+```
+
+## Stylelint (CSS) Usage
+
+To run stylelint on all css files, run:
+
+```bash
+lando stylelint web/modules/contrib/[project_name]/**/*.css
+ddev stylelint web/modules/contrib/[project_name]/**/*.css
+```
+
+E.g.
+
+```bash
+lando stylelint web/modules/contrib/localgov_base/**/*.css
+ddev stylelint web/modules/contrib/localgov_base/**/*.css
+```
+
+If you wish to fix some of the issues automatically, add the `--fix` flag:
+
+```bash
+lando stylelint --fix web/modules/contrib/[project_name]/**/*.css
+ddev stylelint --fix web/modules/contrib/[project_name]/**/*.css
+```