Use Node 24 in CI and for building the frontend (#5229)

Author: sandhose

.github/actions/build-frontend/action.yml

@@ -10,9 +10,9 @@ runs:
   using: composite
   steps:
     - name: Install Node
-      uses: actions/setup-node@v4.2.0
+      uses: actions/setup-node@v6.0.0
       with:
-        node-version: "22"
+        node-version: "24"
 
     - name: Install dependencies
       run: npm ci

.github/workflows/ci.yaml

@@ -66,7 +66,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install Node dependencies
         working-directory: ./frontend
@@ -90,7 +90,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install Node dependencies
         working-directory: ./frontend
@@ -114,7 +114,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 20
+          node-version: 24
 
       - name: Install Node dependencies
         working-directory: ./frontend

.github/workflows/docs.yaml

@@ -41,7 +41,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Build the documentation
         run: sh misc/build-docs.sh

.github/workflows/release-branch.yaml

@@ -66,7 +66,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install Localazy CLI
         run: npm install -g @localazy/cli

.github/workflows/translations-download.yaml

@@ -24,7 +24,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install Localazy CLI
         run: npm install -g @localazy/cli

.github/workflows/translations-upload.yaml

@@ -23,7 +23,7 @@ jobs:
       - name: Install Node
         uses: actions/setup-node@v6.0.0
         with:
-          node-version: 22
+          node-version: 24
 
       - name: Install Localazy CLI
         run: npm install -g @localazy/cli

Dockerfile

@@ -13,7 +13,7 @@
 ARG DEBIAN_VERSION=12
 ARG DEBIAN_VERSION_NAME=bookworm
 ARG RUSTC_VERSION=1.89.0
-ARG NODEJS_VERSION=22.19.0
+ARG NODEJS_VERSION=24.11.0
 # Keep in sync with .github/actions/build-policies/action.yml and policies/Makefile
 ARG OPA_VERSION=1.8.0 
 ARG CARGO_AUDITABLE_VERSION=0.7.0

frontend/i18next-parser.config.ts

@@ -0,0 +1,18 @@
+// Copyright 2025 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+// Please see LICENSE files in the repository root for full details.
+
+import { defineConfig } from "i18next-cli";
+
+export default defineConfig({
+  locales: ["en"],
+  extract: {
+    input: "src/**/*.{ts,tsx}",
+    output: "locales/{{language}}.json",
+    defaultNS: false,
+    pluralSeparator: ":",
+    keySeparator: ".",
+    sort: true,
+  },
+});

frontend/i18next.config.ts

@@ -7,7 +7,12 @@ import type { KnipConfig } from "knip";
 
 export default {
   entry: ["src/main.tsx", "src/swagger.ts", "src/routes/*"],
-  ignore: ["src/gql/*", "src/routeTree.gen.ts", ".storybook/locales.ts"],
+  ignore: [
+    "src/gql/*",
+    "src/routeTree.gen.ts",
+    ".storybook/locales.ts",
+    "i18next.config.ts",
+  ],
   ignoreDependencies: [
     // This is used by the tailwind PostCSS plugin, but not detected by knip
     "postcss-nesting",