feat!: drop support for Node.js 18 and 20 (#3074)

BREAKING CHANGE: The minimum supported Node.js version is now 22.0.0.
Node.js 18 reached end-of-life in April 2025 and Node.js 20 in April
2026.

- Bump engines to >=22.0.0 across all packages
- CI matrix now tests on Node 22 and 24
- Pin CI to Node 24 instead of latest due to Playwright/yauzl bug
  with Node 26 (microsoft/playwright#40724)
- Disable native type stripping in CI for ts-node compatibility
- Bump GitHub Actions to latest versions (checkout v6, setup-node v6,
  upload-artifact v7)

Assisted-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: bennypowers

.changeset/drop-eol-node.md

@@ -0,0 +1,42 @@
+---
+'@web/browser-logs': major
+'@web/config-loader': major
+'@web/dev-server-core': major
+'@web/dev-server-esbuild': major
+'@web/dev-server-hmr': major
+'@web/dev-server-import-maps': major
+'@web/dev-server-legacy': major
+'@web/dev-server': major
+'@web/dev-server-polyfill': major
+'@web/dev-server-rollup': major
+'@web/mocks': major
+'@web/parse5-utils': major
+'@web/polyfills-loader': major
+'@web/rollup-plugin-copy': major
+'@web/rollup-plugin-html': major
+'@web/rollup-plugin-import-meta-assets': major
+'@web/rollup-plugin-polyfills-loader': major
+'rollup-plugin-workbox': major
+'@web/storybook-addon-mocks': major
+'@web/storybook-builder': major
+'@web/storybook-framework-web-components': major
+'@web/storybook-utils': major
+'@web/test-runner-browserstack': major
+'@web/test-runner-chrome': major
+'@web/test-runner-cli': major
+'@web/test-runner-commands': major
+'@web/test-runner-core': major
+'@web/test-runner-coverage-v8': major
+'@web/test-runner-junit-reporter': major
+'@web/test-runner-mocha': major
+'@web/test-runner-module-mocking': major
+'@web/test-runner': major
+'@web/test-runner-playwright': major
+'@web/test-runner-puppeteer': major
+'@web/test-runner-saucelabs': major
+'@web/test-runner-selenium': major
+'@web/test-runner-visual-regression': major
+'@web/test-runner-webdriver': major
+---
+
+Drop support for Node.js 18 and 20, which have reached end-of-life. The minimum supported Node.js version is now 22.0.0.

.github/workflows/canary.yml

@@ -18,13 +18,13 @@ jobs:
       id-token: write
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:

.github/workflows/lint.yml

@@ -12,14 +12,14 @@ jobs:
     runs-on: ubuntu-24.04
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
 
-      - name: Setup Node 20
-        uses: actions/setup-node@v4
+      - name: Setup Node 22
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:
-          node-version: 20
+          node-version: 22
           cache: npm
 
       - name: Install Dependencies

.github/workflows/release.yml

@@ -18,13 +18,13 @@ jobs:
       pull-requests: write
     steps:
       - name: Checkout Repo
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
           fetch-depth: 0
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:

.github/workflows/verify-browser.yml

@@ -12,19 +12,19 @@ jobs:
     runs-on: ubuntu-24.04
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
 
       # TODO: remove when GitHub fixes this https://github.com/actions/runner-images/issues/10015
       # (this workaround is practically the same what Playwright did in https://github.com/microsoft/playwright/pull/34238/files)
       - name: Workaround for Chrome sandbox issue in Ubuntu 24.04
         run: sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
 
-      - name: Setup Node 20
-        uses: actions/setup-node@v4
+      - name: Setup Node 22
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:
-          node-version: 20
+          node-version: 22
           cache: npm
 
       - name: Install Dependencies

.github/workflows/verify-node.yml

@@ -14,21 +14,21 @@ jobs:
       fail-fast: false
       matrix:
         node-version:
-          - '18'
-          - '20'
           - '22'
+          # TODO: add 'latest' once Playwright fixes yauzl for Node 26
+          # https://github.com/microsoft/playwright/issues/40724
           - '24'
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
 
       # TODO: remove when GitHub fixes this https://github.com/actions/runner-images/issues/10015
       # (this workaround is practically the same what Playwright did in https://github.com/microsoft/playwright/pull/34238/files)
       - name: Workaround for Chrome sandbox issue in Ubuntu 24.04
         run: sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
 
       - name: Setup Node ${{ matrix.node-version }}
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:
@@ -57,7 +57,8 @@ jobs:
       - name: Test
         run: npm run test:node
         env:
-          NODE_OPTIONS: ${{ (matrix.node-version != '18' && matrix.node-version != '20') && '--no-experimental-strip-types' || '' }}
+          # Node 22.18+ native type stripping preempts ts-node. Remove when mocha is replaced with node:test.
+          NODE_OPTIONS: '--no-experimental-strip-types'
 
   verify-windows:
     timeout-minutes: 30
@@ -69,14 +70,14 @@ jobs:
           git config --global core.autocrlf false
           git config --global core.eol lf
 
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
 
-      - name: Setup Node '20'
-        uses: actions/setup-node@v4
+      - name: Setup Node '22'
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:
-          node-version: '20'
+          node-version: '22'
           cache: 'npm'
 
       # Set up GitHub Actions caching for Wireit.
@@ -97,3 +98,6 @@ jobs:
 
       - name: Test
         run: npm run test:node
+        env:
+          # Node 22.18+ native type stripping preempts ts-node. Remove when mocha is replaced with node:test.
+          NODE_OPTIONS: '--no-experimental-strip-types'

.github/workflows/verify-storybook-builder.yml

@@ -14,10 +14,10 @@ jobs:
     env:
       PUPPETEER_SKIP_DOWNLOAD: true # prevent failures due to puppeteer downloading issues, since it's not used here anyway
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
 
       - name: Setup Node 22
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         env:
           FORCE_COLOR: 0
         with:
@@ -39,7 +39,7 @@ jobs:
       - name: Run tests
         run: npm run test:storybook-builder
 
-      - uses: actions/upload-artifact@v4
+      - uses: actions/upload-artifact@v7
         if: always()
         with:
           name: playwright-report-${{ matrix.runs-on }}

packages/browser-logs/package.json

@@ -22,7 +22,7 @@
     }
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "scripts": {
     "build": "tsc",

packages/config-loader/package.json

@@ -16,7 +16,7 @@
   "main": "src/index.js",
   "type": "commonjs",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "scripts": {
     "build": "tsc",

packages/dev-server-core/package.json

@@ -31,7 +31,7 @@
     }
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "scripts": {
     "build": "tsc",