chore(prettier): Setup prettier

webapp/.prettierignore

@@ -0,0 +1,4 @@
+# Ignore artifacts:
+build
+coverage
+node_modules

webapp/.prettierrc

@@ -0,0 +1,46 @@
+{
+  "arrowParens": "always",
+  "bracketSameLine": false,
+  "objectWrap": "preserve",
+  "bracketSpacing": true,
+  "semi": true,
+  "experimentalOperatorPosition": "end",
+  "experimentalTernaries": false,
+  "singleQuote": false,
+  "jsxSingleQuote": false,
+  "quoteProps": "as-needed",
+  "trailingComma": "all",
+  "singleAttributePerLine": true,
+  "htmlWhitespaceSensitivity": "css",
+  "vueIndentScriptAndStyle": false,
+  "proseWrap": "preserve",
+  "endOfLine": "lf",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "embeddedLanguageFormatting": "auto",
+  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "importOrder": [
+    "<BUILTIN_MODULES>",
+    "<THIRD_PARTY_MODULES>",
+    "^@/(.*)$",
+    "^@app/(.*)$",
+    "^@providers",
+    "^@providers/(.*)$",
+    "^@pages",
+    "^@pages/(.*)$",
+    "^@widgets",
+    "^@widgets/(.*)$",
+    "^@components",
+    "^@components/(.*)$",
+    "^@ui",
+    "^@ui/(.*)$",
+    "^@assets",
+    "^@assets/(.*)$",
+    "[../]",
+    "[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "importOrderCaseInsensitive": false
+}

webapp/README.md

@@ -8,11 +8,13 @@ Plus d'infos ici : [https://feature-sliced.github.io/documentation/docs/get-star
 - Avoir Node.js installé sur votre machine [voir comment faire](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm#using-a-node-version-manager-to-install-nodejs-and-npm)
 
 ## Installer les packages
+
 ```
 npm ci
 ```
 
 ## Démarrer le serveur
+
 ```
 npm run dev
 ```
@@ -21,5 +23,11 @@ npm run dev
 
 - `npm run build` : package l'application pour la mise en production (dossier [dist](./dist))
 - `npm run preview` : Démarre le serveur à partir du build pour la production (dans le dist)
-- `npm run check:arch` : Vérifier si les imports du projet respectent le principe de l'architecture FSD.
-- `npm run arch:tree` : Génère un fichier text contenant l'arborescence du projet.
+- `npm run check:arch` : Vérifie si les imports du projet respectent le principe de l'architecture FSD.
+- `npm run check:code` : Applique les 3 commandes de vérification de code: Linter, TS Compiler, Formatter.
+- `npm run arch:tree` : Génère un fichier text contenant l'arborescence du projet.
+- `npm run compile` : Vérifie que TypeScript compile correctement
+- `npm run format` : Applique le formattage de prettier à l'ensemble du projet
+- `npm run format:check` : Détermine les fichiers où le formattage de prettier aurait des effets (fichiers non formattés correctement)
+- `npm run lint` : Vérifie que le code ./src respecte les règles de Lint
+- `npm run lint:fix` : Fix si possible les problèmes de Linter dans ./src

webapp/eslint.config.ts

@@ -4,6 +4,7 @@ import tseslint from "typescript-eslint";
 import pluginReact from "eslint-plugin-react";
 import json from "@eslint/json";
 import { defineConfig } from "eslint/config";
+import pluginPrettier from "eslint-config-prettier/flat";
 
 export default defineConfig([
   { files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"], plugins: { js }, extends: ["js/recommended"], languageOptions: { globals: globals.browser } },
@@ -27,4 +28,5 @@ export default defineConfig([
   { files: ["**/*.json"], plugins: { json }, language: "json/json", extends: ["json/recommended"] },
   /** @ts-expect-error json plugin not typed well*/
   { files: ["**/*.jsonc"], plugins: { json }, language: "json/jsonc", extends: ["json/recommended"] },
+  pluginPrettier,
 ]);

webapp/package.json

@@ -8,7 +8,11 @@
     "build": "tsc -b && vite build",
     "preview": "vite preview",
     "check:arch": "node ./scripts/check-architecture.cjs",
+    "check:code": "npm run compile && npm run format && npm run lint",
     "arch:tree": "node ./scripts/generate-tree.cjs ./src webappTree.md",
+    "compile": "tsc -b",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check",
     "lint": "eslint ./src",
     "lint:fix": "eslint ./src --fix"
   },
@@ -38,15 +42,18 @@
     "@eslint/js": "^9.39.2",
     "@eslint/json": "^1.0.0",
     "@tailwindcss/vite": "^4.1.18",
+    "@trivago/prettier-plugin-sort-imports": "^6.0.2",
     "@types/chart.js": "^2.9.41",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
     "eslint": "^9.39.2",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^17.2.0",
     "jiti": "^2.6.1",
+    "prettier": "3.8.1",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
     "tailwindcss-animate": "^1.0.7",