Update all dependencies to latest versions and fix several linter issues

.devcontainer/devcontainer.json

@@ -1,28 +1,24 @@
 {
-	"name": "ScoopInstaller web frontend (Node.js & TypeScript)",
-	// Use TypeScript + Node 16
-	"image": "mcr.microsoft.com/devcontainers/typescript-node:16",
-	"forwardPorts": [
-		3000
-	],
-	"portsAttributes": {
-		"3000": {
-			"label": "Vite dev server",
-			"onAutoForward": "openBrowser"
-		}
-	},
-	"extensions": [
-		"dbaeumer.vscode-eslint"
-	],
-	"customizations": {
-		"codespaces": {
-			"openFiles": [
-				"src/App.tsx"
-			]
-		}
-	},
-	// Install required modules
-	"updateContentCommand": "npm ci",
-	// Start dev server
-	"postAttachCommand": "npm run dev"
-}
+  "name": "ScoopInstaller web frontend (Node.js & TypeScript)",
+  // Use TypeScript + Node 24
+  "image": "mcr.microsoft.com/devcontainers/typescript-node:24",
+  "forwardPorts": [3000],
+  "portsAttributes": {
+    "3000": {
+      "label": "Vite dev server",
+      "onAutoForward": "openBrowser"
+    }
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["biomejs.biome"]
+    },
+    "codespaces": {
+      "openFiles": ["src/App.tsx"]
+    }
+  },
+  // Install required modules
+  "updateContentCommand": "corepack enable && pnpm install --frozen-lockfile",
+  // Start dev server
+  "postAttachCommand": "pnpm run dev"
+}

.github/workflows/build-deploy.yml

@@ -9,7 +9,7 @@ on:
 
 env:
   BUILD_PATH: ${{ github.workspace }}/build
-  NODE_VERSION: '20'
+  NODE_VERSION: '24'
   VITE_APP_AZURESEARCH_KEY: ${{ secrets.VITE_APP_AZURESEARCH_KEY }}
 
 jobs:
@@ -21,19 +21,25 @@ jobs:
     - name: Checkout
       uses: actions/checkout@v4
 
-    - name: Setup Node.js ${{ env.NODE_VERSION }}
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 10
+
+    - name: Use Node.js ${{ env.NODE_VERSION }}
       uses: actions/setup-node@v4
       with:
         node-version: ${{ env.NODE_VERSION }}
+        cache: "pnpm"
 
     - name: Install dependencies
-      run: npm ci
+      run: pnpm install --frozen-lockfile
 
     - name: Code linter
-      run: npm run lint
+      run: pnpm run lint
 
     - name: Build Staging Website
-      run: npm run build
+      run: pnpm run build
       env:
         BASE_PATH: /scoopinstaller-dev.github.io/
 
@@ -44,7 +50,7 @@ jobs:
         path: ${{ env.BUILD_PATH }}
 
     - name: Build Production Website
-      run: npm run build
+      run: pnpm run build
       env:
         BASE_PATH: /
 

.nvmrc

@@ -0,0 +1 @@
+24

README.md

@@ -17,20 +17,21 @@ cd scoopinstaller.github.io
 ```
 
 #### Prerequisites
-- Install a recent [Node](https://nodejs.org/en/ "Node") version >= 16.0.0, e.g. `scoop install nodejs`
-- Run `npm update`
+- Install a recent [Node](https://nodejs.org/en/ "Node") version >= 24.0.0, e.g. `scoop install nodejs-lts`
+- Install pnpm: `scoop install pnpm` or `npm install -g pnpm`
+- Run `pnpm install`
 
 #### Launch the application
-- Run `npm run dev`
+- Run `pnpm run dev`
 
 Application should run on http://localhost:3000 or https://localhost:5000 to pass CORS checks and query the search database.
 
 #### Build the application
-- Run `npm run build`
+- Run `pnpm run build`
 
 #### Preview the production build
-- Run `npm run preview`
+- Run `pnpm run preview`
 
 ### Contribute to this project
 Pull requests are most welcome!
-Please target the `main` branch and run `npm run build` (or at least `npm run lint`) to ensure your changes compile and match the code guidelines.
+Please target the `main` branch and run `pnpm run build` (or at least `pnpm run lint`) to ensure your changes compile and match the code guidelines.

biome.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.7/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "files": {
+    "ignoreUnknown": false
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 120
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "noNonNullAssertion": "warn",
+        "useImportType": "warn"
+      },
+      "complexity": {
+        "noExcessiveCognitiveComplexity": "off",
+        "noImportantStyles": "off",
+        "noArguments": "off"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "warn"
+      },
+      "suspicious": {
+        "noExplicitAny": "warn"
+      },
+      "a11y": {
+        "recommended": true,
+        "useKeyWithClickEvents": "off",
+        "useKeyWithMouseEvents": "off",
+        "noStaticElementInteractions": "off"
+      }
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "always",
+      "trailingCommas": "es5"
+    }
+  }
+}