Update pnpm and use corepack

Signed-off-by: Olga Bulat <obulat@gmail.com>

.github/actions/setup-env/action.yml

@@ -41,11 +41,11 @@ runs:
         pip install -U pip
         pip install pipenv pdm
 
-    # Node.js
     - name: Setup pnpm
       if: inputs.setup_nodejs == 'true'
-      uses: pnpm/action-setup@v3
-      # Automatically reads `packageManager` field from root `package.json`.
+      shell: bash
+      # Corepack automatically reads `packageManager` field from root `package.json`.
+      run: corepack enable pnpm
 
     - name: Setup Node.js
       if: inputs.setup_nodejs == 'true'

frontend/Dockerfile

@@ -9,12 +9,10 @@ ARG FRONTEND_NODE_VERSION
 
 FROM docker.io/node:${FRONTEND_NODE_VERSION}-alpine AS builder
 
-# Automatically use the right version of pnpm.
-ARG FRONTEND_PNPM_VERSION
-
 # Install system packages needed to build on macOS
+# Corepack automatically reads `packageManager` field from closest `package.json`.
 RUN apk add --no-cache --virtual .gyp python3 make g++ \
-  && npm install -g pnpm@${FRONTEND_PNPM_VERSION}
+  && corepack enable pnpm
 
 USER node
 

frontend/Dockerfile.playwright

@@ -4,9 +4,10 @@ ARG PLAYWRIGHT_VERSION
 
 FROM mcr.microsoft.com/playwright:v${PLAYWRIGHT_VERSION}-jammy
 
-ARG PACKAGE_MANAGER
-
 COPY package.json /
 
+# Ensure the Playwright container's pnpm cache folder exists and is writable
+RUN mkdir -p /.cache/node/corepack/ && chmod -R 777 /.cache/node/corepack/
+
 # Requires `packageManager` field to be present in `frontend/package.json`.
-RUN npm install -g $PACKAGE_MANAGER
+RUN corepack enable pnpm

frontend/package.json

@@ -3,6 +3,7 @@
   "description": "Openverse frontend",
   "private": true,
   "version": "2.2.1",
+  "packageManager": "pnpm@9.5.0",
   "scripts": {
     "predev": "pnpm install && pnpm i18n:no-get",
     "dev": "run-p dev:only 'i18n:en --watch'",

package.json

@@ -13,7 +13,7 @@
     "preeslint": "pnpm --filter '@openverse/eslint-plugin' run build",
     "eslint": "eslint --ext .js,.ts,.vue,.json,.json5 --ignore-path .gitignore --ignore-path .eslintignore --max-warnings=0 frontend automations/js packages/js .pnpmfile.cjs .eslintrc.js prettier.config.js tsconfig.base.json"
   },
-  "packageManager": "pnpm@9.2.0",
+  "packageManager": "pnpm@9.5.0",
   "engines": {
     "node": ">= 20.0.0 <21"
   },