Merge pull request #469 from dxw/stylelint

Add CSS linting using stylelint

.stylelintignore

@@ -0,0 +1 @@
+app/builds/assets

.stylelintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["stylelint-config-standard-scss", "stylelint-config-prettier"]
+}

Dockerfile

@@ -134,6 +134,8 @@ COPY .eslintignore ${APP_HOME}/.eslintignore
 COPY .eslintrc.json ${APP_HOME}/.eslintrc.json
 COPY .prettierignore ${APP_HOME}/.prettierignore
 COPY .prettierrc ${APP_HOME}/.prettierrc
+COPY .stylelintrc.json ${APP_HOME}/.stylelintrc.json
+COPY .stylelintignore ${APP_HOME}/.stylelintignore
 
 COPY .rspec ${APP_HOME}/.rspec
 COPY spec ${APP_HOME}/spec

package.json

@@ -2,6 +2,8 @@
   "name": "rails-template",
   "private": true,
   "scripts": {
+    "lint:css": "npx stylelint \"app/**/*css\"",
+    "lint:css:fix": "npx stylelint \"app/**/*css\" --fix",
     "lint:format": "prettier --check '**/*'",
     "lint:format:fix": "prettier --write '**/*'",
     "lint:js": "eslint .",
@@ -11,6 +13,10 @@
   "devDependencies": {
     "eslint": "^8.18.0",
     "eslint-config-prettier": "^8.5.0",
-    "prettier": "^2.7.1"
+    "prettier": "^2.7.1",
+    "stylelint": "^14.12.1",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^28.0.0",
+    "stylelint-config-standard-scss": "^5.0.0"
   }
 }

script/all/test

@@ -44,6 +44,15 @@ else
     yarn run lint:js
   fi
 
+  if [ -n "$AUTOMATICALLY_FIX_LINTING" ]; then
+    echo "==> Linting CSS in fix mode..."
+    yarn run lint:css:fix
+  else
+    echo "==> Linting CSS..."
+    yarn run lint:css
+  fi
+
+
   echo "==> Running the tests..."
   bundle exec rspec