Upgrade Node to 22

CONTRIBUTING.md

@@ -26,14 +26,21 @@
 
 ## Quick start
 
+Install [Node](https://nodejs.org/en) and [pnpm](https://pnpm.io/), making sure
+to respect the version ranges declared in the `engines` field of the root
+`package.json`.
+
+> If you work on multiple projects that require different versions of Node and
+> pnpm, we recommend installing them in an isolated environement (e.g. with
+> Conda) or with a specialised tool like [Volta](https://docs.volta.sh/).
+
+Then, run:
+
 ```bash
 pnpm install
 pnpm start
 ```
 
-Once the development server has started, press `o` to open the development URL
-in your browser, or `h` to show all the available keyboard shortcuts.
-
 ## Development
 
 - `pnpm start` - start the H5Web stand-alone demo

apps/demo/package.json

@@ -26,7 +26,7 @@
     "wouter": "3.3.5"
   },
   "devDependencies": {
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "3.7.2",

apps/storybook/package.json

@@ -38,7 +38,7 @@
     "@types/d3-array": "~3.2.1",
     "@types/d3-format": "~3.0.4",
     "@types/ndarray": "1.0.14",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/three": "0.172.0",

package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/silx-kit/h5web"
   },
   "engines": {
-    "node": "20.x",
+    "node": "22.x",
     "pnpm": "9.x"
   },
   "packageManager": "pnpm@9.15.4",
@@ -43,7 +43,7 @@
     "@simonsmith/cypress-image-snapshot": "9.1.0",
     "@stylistic/eslint-plugin-js": "2.13.0",
     "@testing-library/cypress": "10.0.2",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@vitest/eslint-plugin": "1.1.25",
     "confusing-browser-globals": "1.0.11",
     "cypress": "13.17.0",

packages/app/package.json

@@ -72,7 +72,7 @@
     "@testing-library/user-event": "14.6.0",
     "@types/d3-format": "~3.0.4",
     "@types/ndarray": "1.0.14",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-slider": "~1.3.6",

packages/h5wasm/package.json

@@ -54,7 +54,7 @@
     "@h5web/app": "workspace:*",
     "@h5web/shared": "workspace:*",
     "@rollup/plugin-alias": "5.1.0",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@vitejs/plugin-react-swc": "3.7.2",
     "dot-json": "1.3.0",

packages/lib/package.json

@@ -85,7 +85,7 @@
     "@types/d3-scale": "~4.0.8",
     "@types/d3-scale-chromatic": "~3.1.0",
     "@types/ndarray": "~1.0.14",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-measure": "~2.0.12",

packages/shared/package.json

@@ -58,7 +58,7 @@
     "@types/d3-format": "~3.0.4",
     "@types/ndarray": "~1.0.14",
     "@types/ndarray-ops": "~1.2.7",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "d3-array": "3.2.4",
     "d3-format": "3.1.0",