Merge pull request #1338 from melonjs/chore/node24-and-deps

Bump to 18.3.0: Node 24, dependency updates, code-split examples

Author: obiot

.github/workflows/docs.yml

@@ -20,8 +20,8 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v6
         with:
-          node-version: 22
-      - uses: pnpm/action-setup@v4
+          node-version: 24
+      - uses: pnpm/action-setup@v5
       - name: Get pnpm store directory
         run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
       - uses: actions/cache@v5

.github/workflows/main.yml

@@ -28,8 +28,8 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v6
         with:
-          node-version: 22
-      - uses: pnpm/action-setup@v4
+          node-version: 24
+      - uses: pnpm/action-setup@v5
       - name: Get pnpm store directory
         run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
       - uses: actions/cache@v5
@@ -52,8 +52,8 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v6
         with:
-          node-version: 22
-      - uses: pnpm/action-setup@v4
+          node-version: 24
+      - uses: pnpm/action-setup@v5
       - name: Get pnpm store directory
         run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
       - uses: actions/cache@v5
@@ -73,8 +73,8 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v6
         with:
-          node-version: 22
-      - uses: pnpm/action-setup@v4
+          node-version: 24
+      - uses: pnpm/action-setup@v5
       - name: Get pnpm store directory
         shell: bash
         run: echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV

.github/workflows/publish.yml

@@ -37,7 +37,7 @@ jobs:
           node-version: 24
           registry-url: "https://registry.npmjs.org"
 
-      - uses: pnpm/action-setup@v4
+      - uses: pnpm/action-setup@v5
 
       - name: Install dependencies
         run: pnpm install

.nvmrc

@@ -1 +1 @@
-22
+24

package.json

@@ -3,7 +3,7 @@
 	"version": "0.0.0",
 	"type": "module",
 	"engines": {
-		"node": "^20.19.0 || >=22.12.0"
+		"node": ">=24.0.0"
 	},
 	"scripts": {
 		"build": "turbo build",
@@ -22,21 +22,21 @@
 	},
 	"packageManager": "pnpm@10.32.1",
 	"dependencies": {
-		"@biomejs/biome": "2.3.14",
-		"@eslint/js": "^9.39.4",
+		"@biomejs/biome": "2.4.9",
+		"@eslint/js": "^10.0.1",
 		"@types/node": "^25.5.0",
-		"@vitest/browser": "^4.0.18",
-		"@vitest/browser-playwright": "^4.0.18",
-		"eslint": "^9.39.4",
-		"eslint-plugin-jsdoc": "^62.8.0",
+		"@vitest/browser": "^4.1.2",
+		"@vitest/browser-playwright": "^4.1.2",
+		"eslint": "^10.1.0",
+		"eslint-plugin-jsdoc": "^62.8.1",
 		"globals": "^17.4.0",
 		"lefthook": "^2.1.4",
 		"tsconfig": "workspace:^",
 		"tsx": "^4.21.0",
-		"turbo": "^2.8.20",
-		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.57.1",
-		"vitest": "^4.0.18"
+		"turbo": "^2.8.21",
+		"typescript": "^6.0.2",
+		"typescript-eslint": "^8.57.2",
+		"vitest": "^4.1.2"
 	},
 	"devDependencies": {
 		"eslint-plugin-react-refresh": "^0.5.2",
@@ -53,7 +53,7 @@
 			"minimatch@<4.0.0": "3.1.4",
 			"minimatch@>=9.0.0 <9.0.7": "9.0.7",
 			"ajv@<6.14.0": "6.14.0",
-			"vite": "8.0.0",
+			"vite": "8.0.3",
 			"esbuild": "0.27.4"
 		}
 	}

packages/create-melonjs/package.json

@@ -16,6 +16,9 @@
 	"files": [
 		"bin/"
 	],
+	"engines": {
+		"node": ">=24.0.0"
+	},
 	"keywords": [
 		"melonjs",
 		"game",

packages/debug-plugin/package.json

@@ -30,7 +30,7 @@
 	"author": "Olivier Biot (AltByte Pte Ltd)",
 	"funding": "https://github.com/sponsors/melonjs",
 	"engines": {
-		"node": "^20.19.0 || >=22.12.0"
+		"node": ">=24.0.0"
 	},
 	"types": "./build/index.d.ts",
 	"exports": {
@@ -51,7 +51,7 @@
 		"melonjs": "workspace:*",
 		"tsconfig": "workspace:*",
 		"tsx": "^4.21.0",
-		"typescript": "^5.9.3"
+		"typescript": "^6.0.2"
 	},
 	"scripts": {
 		"dev": "concurrently --raw \"pnpm build:watch\" \"pnpm tsc:watch\"",

packages/debug-plugin/tsconfig.build.json

@@ -1,6 +1,7 @@
 {
 	"extends": "tsconfig/base.json",
 	"compilerOptions": {
+		"rootDir": "src",
 		"declarationDir": "build",
 		"removeComments": false,
 		"declarationMap": true,

packages/examples/package.json

@@ -19,9 +19,9 @@
 		"melonjs": "workspace:^",
 		"react": "^19.2.4",
 		"react-dom": "^19.2.4",
-		"react-router-dom": "^7.13.0",
+		"react-router-dom": "^7.13.2",
 		"tsconfig": "workspace:^",
-		"typescript": "^5.9.3",
-		"vite": "^8.0.0"
+		"typescript": "^6.0.2",
+		"vite": "8.0.0"
 	}
 }

packages/examples/src/examples/blendModes/ExampleBlendModes.tsx

@@ -40,6 +40,7 @@ const createGame = () => {
 	}
 
 	// detect which modes are actually supported by probing setBlendMode
+	// biome-ignore lint/suspicious/noExplicitAny: renderer type varies between WebGL/Canvas
 	const renderer = video.renderer as any;
 	const supported: Record<string, boolean> = {};
 	for (const mode of BLEND_MODES) {
@@ -55,6 +56,7 @@ const createGame = () => {
 			this.anchorPoint.set(0, 0);
 		}
 
+		// biome-ignore lint/suspicious/noExplicitAny: renderer type varies between WebGL/Canvas
 		override draw(renderer: any) {
 			// dark background
 			renderer.setBlendMode("normal");
@@ -105,7 +107,7 @@ const createGame = () => {
 		size: 16,
 		fillStyle: "#aaaaaa",
 		textAlign: "center",
-		text: renderer.type + " Supported Blend Modes",
+		text: `${renderer.type} Supported Blend Modes`,
 	});
 	header.anchorPoint.set(0, 0);
 	header.floating = true;