Add Playwright to dev images

[Copilot]

Summary: Add Playwright to Dev Images ✅

• Install Playwright globally using pnpm in the Debian (bookworm) dev image
• Install Playwright Debian system dependencies in the bookworm dev image
• Install Playwright globally using pnpm in the Alpine dev image
• Install Playwright Alpine system dependencies in the alpine dev image
• Add playwright and pnpx to the DEV_ONLY_BINARIES list in test.php
• Update documentation to mention Playwright
• Code review completed successfully
• Security scan completed (no issues)
• Configure PNPM_HOME environment variable

Changes Made:

Docker Images

• Dockerfile (bookworm): Set PNPM_HOME="/pnpm" and add to PATH, create /pnpm directory with 777 permissions for global pnpm packages
• alpine.Dockerfile: Set PNPM_HOME="/pnpm" and add to PATH, create /pnpm directory with 777 permissions for global pnpm packages

Testing

• test.php: Added playwright and pnpx to DEV_ONLY_BINARIES for automated verification

Documentation

• docker-bake.hcl: Updated image description to mention Playwright
• README-ALPINE.md: Added Playwright to development features list

Configuration:

Set PNPM_HOME="/pnpm" environment variable in the dev stage and create the /pnpm directory with full permissions (777) so all users can access it. This allows pnpm to store its global packages in a dedicated directory accessible by all users.

Key Features:

• ✅ Playwright installed globally via pnpm/pnpx
• ✅ All browser binaries (Chromium, Firefox, WebKit) automatically installed
• ✅ All system dependencies automatically installed via --with-deps flag
• ✅ Works on both Debian (bookworm) and Alpine variants
• ✅ Verified during CI testing via test.php checks
• ✅ PNPM_HOME properly configured with accessible directory

Original prompt

Add playwright to the dev image. Install it globally using pnpm and pnpx of course and make sure the debian dependencies are there too

Add them to the test script aswell

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[munezaclovis]

@copilot checks are failing brev

[Copilot]

@copilot checks are failing brev

Fixed in b0c92d0. The builds were failing because pnpm needed to run pnpm setup to configure the global bin directory before installing packages globally. Added this step before the pnpm install -g playwright command in both Dockerfile and alpine.Dockerfile.

[munezaclovis]

@copilot actually Why is pnpm throwing a tamper tantrum even though I have a PNPM_STORE_PATH env variable in env.sh? istead of pnpm setup, I think if we source the env.sh file before installing playwright it should be fine

[Copilot]

@copilot actually Why is pnpm throwing a tamper tantrum even though I have a PNPM_STORE_PATH env variable in env.sh? istead of pnpm setup, I think if we source the env.sh file before installing playwr...

You're right! Changed in 266e97e. Now sourcing /etc/profile.d/env.sh instead of pnpm setup to use the existing PNPM_STORE_PATH environment variable that's already configured there. This is cleaner and leverages the existing configuration.

[munezaclovis]

@copilot nvm. seems to not be working lol

instead do this
ENV PNPM_HOME="/pnpm"
ENV PATH="$PNPM_HOME:$PATH"

make sure the /pnpm can be accessed by all users. this should out the pnpm store inside that directory

[Copilot]

@copilot nvm. seems to not be working lol

instead do this...

Done in d15ca92. Added ENV PNPM_HOME="/pnpm" and ENV PATH="$PNPM_HOME:$PATH" to the dev stage in both Dockerfiles. Also created the /pnpm directory with 777 permissions so all users can access it.