Update: Build stack

.editorconfig

@@ -13,18 +13,26 @@ indent_style = space
 indent_size = 4
 
 # Exceptions
-[{*.{yaml,yml,sh,jscsrc,scss},package.json,.*rc}]
+[{package.json,.*rc}]
 indent_size = 2
 
-[*.{json,scss}]
-max_line_length = 1000
+[*.scss]
+max_line_length = 300
+indent_size = 2
 
-[*.md]
+[*.js]
 max_line_length = 120
-trim_trailing_whitespace = false
+quote_type = single
+
+[*.yaml]
 indent_size = 2
+quote_type = single
 
+[*.json]
+max_line_length = 1000
 
-[Makefile]
-indent_style = tab
-indent_size = 1
+# Markdown uses trailing whitespace for line breaks
+[*.md]
+max_line_length = 200
+trim_trailing_whitespace = false
+indent_size = 2

.eslintrc

@@ -1,5 +1,5 @@
 {
-  "extends": ["prettier"],
+  "extends": ["eslint:recommended", "plugin:prettier/recommended"],
   "plugins": ["prettier"],
   "parserOptions": {
     "sourceType": "module",
@@ -8,7 +8,8 @@
     }
   },
   "env": {
-    "es6": true
+    "es6": true,
+    "browser": true
   },
   "rules": {
     "prettier/prettier": "error"

.gitattributes

@@ -10,9 +10,7 @@
 /.prettierignore export-ignore
 /.prettierrc export-ignore
 /.stylelintrc export-ignore
-/.yarnclean export-ignore
 /CODE_OF_CONDUCT.md export-ignore
 /package.json export-ignore
-/postcss.config.js export-ignore
+/pnpm-lock.yaml export-ignore
 /rollup.config.js export-ignore
-/yarn.lock export-ignore

.nvmrc

@@ -1 +1 @@
-16
+18

.prettierignore

@@ -1,2 +1,3 @@
 composer.json
-*.noLinter.*
+composer.lock
+Resources/Public/**/*

.prettierrc

@@ -1,49 +1,3 @@
 {
-  "overrides": [
-    {
-      "files": "*.json",
-      "options": {
-        "tabWidth": 4,
-        "printWidth": 1000
-      }
-    },
-    {
-      "files": "package.json",
-      "options": {
-        "tabWidth": 2
-      }
-    },
-    {
-      "files": ["*.yaml", "*.yml", ".prettierrc"],
-      "options": {
-        "tabWidth": 2,
-        "singleQuote": true
-      }
-    },
-    {
-      "files": [
-        "*.js",
-        "*.jsx",
-        "*.mjs",
-        "*.mjsx",
-        "*.ts",
-        "*.tsx",
-        "*.mts",
-        "*.mtsx",
-        "*.vue",
-        "*.mvue"
-      ],
-      "options": {
-        "tabWidth": 4,
-        "printWidth": 120,
-        "singleQuote": true
-      }
-    },
-    {
-      "files": "*.scss",
-      "options": {
-        "printWidth": 300
-      }
-    }
-  ]
+  "extends": ["stylelint-config-prettier-scss"]
 }

.stylelintrc

@@ -1,48 +1,5 @@
 {
-  "ignoreFiles": [
-    "**/Public/**",
-    "**/Private/Templates/**",
-    "node_modules/**",
-    "**/*.noLinter.*"
-],
+  "ignoreFiles": ["Resources/Public/**", "node_modules/**"],
   "extends": "stylelint-config-standard",
-  "plugins": [
-    "stylelint-scss"
-  ],
-  "rules": {
-    "block-closing-brace-newline-after": ["always", {
-      ignoreAtRules: ["if", "else"]
-    }],
-    "declaration-colon-newline-after": null,
-    "at-rule-empty-line-before": null,
-    "at-rule-no-unknown": null,
-    "no-descending-specificity": null,
-    "no-duplicate-selectors": [ true, { "severity": "warning" }],
-    "max-empty-lines": 3,
-    "max-nesting-depth": 5,
-    "no-invalid-double-slash-comments": true,
-    "font-family-no-missing-generic-family-keyword": null,
-    "property-no-unknown": [true, {
-      ignoreProperties: [
-        "box","box-item",
-        "grid-kiss",
-        "font-range","min-font-size","max-font-size","lower-font-range","upper-font-range",
-        "font-awesome",
-        "size","min-size","max-size",
-        "border-top-radius","border-right-radius","border-bottom-radius","border-left-radius",
-        "tap-highlight-color","touch-callout"
-      ]
-    }],
-    "selector-pseudo-class-no-unknown": [true, {
-      "ignorePseudoClasses": [
-        "at-least","at-most","between","exactly"
-      ]
-    }],
-    "selector-pseudo-element-no-unknown": [true, {
-      "ignorePseudoElements": [
-        "track","thumb"
-      ]
-    }],
-    "selector-type-no-unknown": null
-  }
+  "plugins": ["stylelint-scss"]
 }

package.json

@@ -24,16 +24,24 @@
   "devDependencies": {
     "@babel/core": "^7.21.3",
     "@babel/preset-env": "^7.20.2",
+    "@prettier/plugin-php": "^0.19.4",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-terser": "^0.4.0",
     "autoprefixer": "^10.4.14",
     "cssnano": "^5.1.15",
+    "eslint": "^8.36.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "postcss": "^8.4.21",
     "postcss-cli": "^10.1.0",
     "postcss-sort-media-queries": "^4.3.0",
+    "prettier": "^2.8.4",
     "rollup": "^3.19.1",
-    "sass": "^1.59.3"
+    "sass": "^1.59.3",
+    "stylelint": "^15.3.0",
+    "stylelint-config-standard": "^31.0.0",
+    "stylelint-scss": "^4.5.0"
   },
   "scripts": {
     "js": "rollup --config",