fix: drop NodeJS 20 support

.github/actions/node/action.yaml

@@ -3,7 +3,8 @@ description: "This action install node and cache modules. It uses pnpm as packag
 inputs:
   node-version:
     description: "The node version to install (Default: lts)"
-    default: "lts/*"
+    # TODO: revert to lts/* after 20 is EOL
+    default: "22.x"
     required: false
   working-directory:
     description: "The working directory of your node package"

.github/workflows/cli-ci.yaml

@@ -71,7 +71,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: ['20.x', '22.x']
+        node-version: ["22.x", "24.x"]
 
     steps:
       - uses: actions/checkout@v4

cli/README.md

@@ -37,7 +37,7 @@ Whether you're building monolithic or federated GraphQL architectures, `wgc` pro
 
 ### Prerequisites
 
-- [Node.js](https://nodejs.org/) v20 LTS or higher
+- [Node.js](https://nodejs.org/) v22+ (>=22.11.0)
 
 ### Install via npm
 

studio/package.json

@@ -98,6 +98,7 @@
     "next": "15.5.15",
     "next-themes": "^0.2.1",
     "posthog-js": "^1.240.6",
+    "prettier": "catalog:",
     "pretty-bytes": "^6.1.1",
     "prism-react-renderer": "^2.0.6",
     "prismjs": "^1.30.0",

studio/src/components/analytics/trace-details.tsx

@@ -18,7 +18,7 @@ import { GraphQLSchema } from 'graphql';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
 import parserBabel from 'prettier/plugins/babel';
-import * as prettierPluginEstree from 'prettier/plugins/estree';
+import prettierPluginEstree from 'prettier/plugins/estree';
 import graphQLPlugin from 'prettier/plugins/graphql';
 import * as prettier from 'prettier/standalone';
 import { useContext, useEffect, useState } from 'react';