Setup/ci

.github/workflows/ci.yml

@@ -0,0 +1,37 @@
+name: CI
+
+on:
+  pull_request:
+    branches:
+      - '**'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 10
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Run format check on modified files
+        run: pnpm run format:check
+
+      - name: Run lint on modified files
+        run: pnpm run lint
+
+      - name: Run tests
+        run: pnpm run test

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

.vscode/settings.json

@@ -12,4 +12,5 @@
     "typescript",
     "typescriptreact"
   ],
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

README.md

@@ -1,6 +1,5 @@
 # New pyronear platform
 
-
 ## Local setup
 
 Use `fnm` to ensure you always use the correct node version:
@@ -27,4 +26,4 @@ You should now be able to run the website locally with
 
 ```bash
 pnpm run dev
-```
+```

eslint.config.js

@@ -9,19 +9,22 @@ import reactDom from 'eslint-plugin-react-dom';
 import simpleImportSort from 'eslint-plugin-simple-import-sort';
 
 export default tseslint.config(
-  { ignores: ['dist', 'node_modules/', '*.test.js'] },
+  {
+    ignores: ['dist', 'node_modules/', 'eslint.config.js', '*.md', '*.json'],
+  },
   {
     extends: [
       js.configs.recommended,
       ...tseslint.configs.strictTypeChecked,
       ...tseslint.configs.stylisticTypeChecked,
     ],
     files: ['**/*.{ts,tsx}'],
-    ignores: ['vite.config.ts', 'eslint.config.js'],
+    ignores: [],
     languageOptions: {
-      parserOptions: {ecmaVersion: 2020,
+      parserOptions: {
+        ecmaVersion: 2020,
         sourceType: 'module',
-        project: "./tsconfig.json",
+        project: './tsconfig.json',
         tsconfigRootDir: import.meta.dirname,
       },
     },
@@ -48,8 +51,8 @@ export default tseslint.config(
       'padding-line-between-statements': [
         'error',
         { blankLine: 'always', prev: 'import', next: '*' },
-        { blankLine: 'any', prev: 'import', next: 'import' }
-      ]
+        { blankLine: 'any', prev: 'import', next: 'import' },
+      ],
     },
   }
 );

package.json

@@ -6,9 +6,11 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc -b && vite build",
-    "lint": "eslint .",
+    "lint": "eslint . --no-warn-ignored",
     "preview": "vite preview",
-    "format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,scss,md,html}\""
+    "format": "prettier . --write",
+    "format:check": "prettier . --check",
+    "test": "vitest --passWithNoTests"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
@@ -21,6 +23,8 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.25.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@typescript-eslint/eslint-plugin": "^8.32.1",
@@ -37,11 +41,13 @@
     "eslint-plugin-react-x": "^1.49.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "globals": "^16.0.0",
+    "jsdom": "^26.1.0",
     "prettier": "^3.5.3",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.30.1",
     "vite": "^6.3.5",
     "vite-plugin-checker": "^0.9.3",
-    "vite-plugin-eslint": "^1.8.1"
+    "vite-plugin-eslint": "^1.8.1",
+    "vitest": "^3.2.2"
   }
 }