Build: Update everything (#663)

Author: Proximyst

.eslintrc

@@ -0,0 +1,65 @@
+name: Tests
+
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+
+permissions: {}
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  eslint:
+    name: ESLint
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read # clone the repository
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - run: yarn install --frozen-lockfile
+      - run: yarn run eslint
+
+  typecheck:
+    name: Typecheck
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read # clone the repository
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - run: yarn install --frozen-lockfile
+      - run: yarn run typecheck
+
+  prettier:
+    name: Prettier
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read # clone the repository
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          persist-credentials: false
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+
+      - run: yarn install --frozen-lockfile
+      - run: yarn run prettier:check

.github/workflows/test.yaml

@@ -1 +1 @@
-20.19.0
+22.17.1

.nvmrc

@@ -1,3 +1,16 @@
+## Unreleased (4.0.0)
+
+- Build: Update all dependencies, [#663](https://github.com/grafana/grafana-image-renderer/pull/663), [Proximyst](https://github.com/Proximyst)
+
+Breaking changes:
+
+- Build: Bump minimum Node.js version from v20 to v22 (LTS), [#663](https://github.com/grafana/grafana-image-renderer/pull/663), [Proximyst](https://github.com/Proximyst)
+  - If you use the Docker image, you will not have to update anything.
+  - If you run grafana-image-renderer yourself, you may need to update Node.js.
+- Plugin: Update minimum Grafana version to 11.3.8, [#663](https://github.com/grafana/grafana-image-renderer/pull/663), [Proximyst](https://github.com/Proximyst)
+  - If you use any Grafana version newer than 11.3.8 (incl. 11.4.x, 11.5.x, 11.6.x, 12.x), you will not have to do anything.
+  - If you are not in that group, you must update Grafana before updating.
+
 ## 3.12.9 (2025-07-01)
 
 - Docker: Update Chromium in Alpine (CVE-2025-6554), [#655](https://github.com/grafana/grafana-image-renderer/pull/655), [Proximyst](https://github.com/Proximyst)

CHANGELOG.md

@@ -1,5 +1,5 @@
 # Base stage
-FROM node:20-alpine AS base
+FROM node:22-alpine AS base
 
 ENV CHROME_BIN="/usr/bin/chromium-browser"
 ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD="true"

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-slim AS base
+FROM node:22-slim AS base
 
 ENV CHROME_BIN="/usr/bin/google-chrome-stable"
 ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD="true"

debian.Dockerfile

@@ -0,0 +1,13 @@
+const eslint = require('@eslint/js');
+const tseslint = require('typescript-eslint');
+const grafanaConfig = require('@grafana/eslint-config/flat');
+
+module.exports = tseslint.config(
+  {
+    ignores: [".github", ".yarn", "**/build/", "**/compiled/", "**/dist/", "node_modules/"],
+  },
+
+  eslint.configs.recommended,
+  tseslint.configs.recommended,
+  grafanaConfig,
+);

eslint.config.js

@@ -8,7 +8,7 @@
     "url": "https://github.com/grafana/grafana-image-renderer.git"
   },
   "scripts": {
-    "eslint": "eslint . --ext .ts",
+    "eslint": "eslint .",
     "typecheck": "tsc --noEmit",
     "prettier:check": "prettier --list-different \"**/*.ts\"",
     "prettier:write": "prettier --list-different \"**/*.ts\" --write",
@@ -52,25 +52,31 @@
     "puppeteer": "^22.8.2",
     "puppeteer-cluster": "^0.24.0",
     "rate-limiter-flexible": "^7.0.0",
+    "tar-fs": "^3.0.9",
     "unique-filename": "^2.0.1",
     "winston": "^3.8.2"
   },
   "devDependencies": {
-    "@grafana/eslint-config": "^6.0.0",
-    "@types/dompurify": "^3.2.0",
+    "@eslint/js": "^9.31.0",
+    "@grafana/eslint-config": "^8.1.0",
+    "@stylistic/eslint-plugin-ts": "^4.4.1",
     "@types/express": "^4.17.14",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "20.0.0",
     "@types/multer": "^1.4.7",
     "@types/node": "^20.17.27",
     "@types/pixelmatch": "^5.2.6",
     "@types/supertest": "^2.0.15",
-    "@typescript-eslint/eslint-plugin": "5.37.0",
-    "@typescript-eslint/parser": "5.37.0",
+    "@typescript-eslint/eslint-plugin": "^8.37.0",
+    "@typescript-eslint/parser": "^8.37.0",
     "@yao-pkg/pkg": "^6.3.0",
     "axios": "1.8.2",
     "cross-env": "7.0.3",
-    "eslint": "8.23.1",
+    "eslint": "^9.31.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-jsdoc": "^51.4.1",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "fast-png": "^6.2.0",
     "jest": "^29.7.0",
     "jsonwebtoken": "^9.0.2",
@@ -80,12 +86,8 @@
     "ts-jest": "^29.1.1",
     "ts-node": "10.9.1",
     "tsc-watch": "5.0.3",
-    "typescript": "4.8.3"
-  },
-  "resolutions": {
-    "@types/express": "^4.17.14",
-    "xml2js": "^0.6.2",
-    "@puppeteer/browsers/tar-fs": "^3.0.9"
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.37.0"
   },
   "lint-staged": {
     "*.ts": [
@@ -97,6 +99,6 @@
   },
   "bin": "build/app.js",
   "engines": {
-    "node": ">= 20"
+    "node": ">= 22"
   }
 }

package.json

@@ -24,10 +24,10 @@
         "url": "https://github.com/grafana/grafana-image-renderer/blob/master/LICENSE"
       }
     ],
-    "version": "3.12.9",
+    "version": "4.0.0",
     "updated": "2025-07-01"
   },
   "dependencies": {
-    "grafanaDependency": ">=8.3.11"
+    "grafanaDependency": ">=11.3.8"
   }
 }

plugin.json

@@ -133,7 +133,6 @@ const envConfig: Record<Mode, Keys<RenderingConfig>> = {
     timingMetrics: 'GF_PLUGIN_RENDERING_TIMING_METRICS',
     tracing: {
       url: 'GF_PLUGIN_RENDERING_TRACING_URL',
-
     },
   },
 };