Consistent linting and formatting across CI and local environment (#2368)

Author: Yann-P

.pre-commit-config.yaml

@@ -5,22 +5,11 @@ ci:
   autofix_prs: true
   autoupdate_commit_msg: "[pre-commit.ci] pre-commit autoupdate hooks"
   autoupdate_schedule: monthly
-
-# Fix the node version to avoid a GLIBC error
-# ref: https://stackoverflow.com/questions/71939099/bitbucket-pipeline-error-installing-pre-commit-ts-lint/71940852#71940852
-default_language_version:
-  node: 22.9.0
+  skip:
+    - prettier
+    - stylelint
 
 repos:
-  - repo: "https://github.com/pycontribs/mirrors-prettier"
-    rev: v3.6.2
-    hooks:
-      - id: prettier
-        # Exclude the HTML, since it doesn't understand Jinja2
-        # exclude also the webpack.config.js file has it embed complete url dificult to prettify
-        # exclude the pytest-regressions folder tests/test_ally
-        exclude: .+\.html|webpack\.config\.js|tests/test_a11y/
-
   - repo: "https://github.com/astral-sh/ruff-pre-commit"
     rev: "v0.15.4"
     hooks:
@@ -55,16 +44,20 @@ repos:
     hooks:
       - id: remove-metadata
 
-  - repo: "https://github.com/thibaudcolas/pre-commit-stylelint"
-    rev: v17.4.0
+  - repo: local
     hooks:
+      - id: prettier
+        name: prettier
+        entry: 'npm run prettier:files'
+        language: node
+        types_or: [json, ts, tsx, javascript, jsx, css, scss]
+        exclude: .+\.html|webpack\.config\.js|tests/test_a11y/
+
       - id: stylelint
-        # automatically fix .scss files where possible
-        args: [--fix]
-        additional_dependencies:
-          # stylelint itself needs to be here when using additional_dependencies.
-          - stylelint@16.26.1
-          - stylelint-config-standard-scss@16.0.0
+        name: stylelint
+        entry: 'npm run stylelint:files'
+        language: node
+        types: [scss]
 
   - repo: "https://github.com/pre-commit/pre-commit-hooks"
     rev: v6.0.0

.prettierignore

@@ -0,0 +1,8 @@
+# Exclude the HTML, since it doesn't understand Jinja2
+**/*.html
+
+# webpack.config.js embeds complete url dificult to prettify
+webpack.config.js
+
+# exclude the pytest-regressions folder
+tests/test_a11y/

.stylelintignore

@@ -0,0 +1,2 @@
+docs/_build/
+docs/examples/generated/

.stylelintrc.json

@@ -0,0 +1,23 @@
+$schema: https://raw.githubusercontent.com/SchemaStore/schemastore/master/src/schemas/json/stylelintrc.json
+
+extends:
+  - stylelint-config-standard-scss
+  - stylelint-prettier/recommended
+
+rules:
+  no-descending-specificity: null
+  # this fixer is incompatible with the copyright headers
+  comment-whitespace-inside: null
+  # these fixers assume use of `autoprefixer`
+  property-no-vendor-prefix: null
+  selector-no-vendor-prefix: null
+  value-no-vendor-prefix: null
+  # these fixers don't work well with variables
+  alpha-value-notation: null
+  color-function-notation: null
+  # rejects rgba
+  color-function-alias-notation: null
+  # enforce #ffffff instead of #fff
+  color-hex-length: null
+  # disable enforce kebab case
+  selector-class-pattern: null