minor #2932 Replace Yarn Berry by PNPM (Kocal)

This PR was merged into the 2.x branch.

Discussion
----------

Replace Yarn Berry by PNPM

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no <!-- please update src/**/CHANGELOG.md files -->
| Docs?         | no <!-- required for new features -->
| Issues        | Fix #... <!-- prefix each issue number with "Fix #", no need to create an issue if none exist, explain below instead -->
| License       | MIT

<!--
Replace this notice by a description of your feature/bugfix.
This will help reviewers and should be a good start for the documentation.

Additionally (see https://symfony.com/releases):
 - Always add tests and ensure they pass.
 - For new features, provide some code snippets to help understand usage.
 - Features and deprecations must be submitted against branch main.
 - Update/add documentation as required (we can help!)
 - Changelog entry should follow https://symfony.com/doc/current/contributing/code/conventions.html#writing-a-changelog-entry
 - Never break backward compatibility (see https://symfony.com/bc).
-->

Purely internal, this PR replaces Yarn by PNPM for the following reasons:
- when working on #2222, I tried to use PNPM instead but it was not possible to not install [Swup "dev"-dependencies](#2221), this is now possible
- it is [more efficient and performant](https://pnpm.io/benchmarks), and better for your disk
- it has more [features](https://pnpm.io/feature-comparison), better Workspaces support and [Catalogs](https://pnpm.io/catalogs) 🤩
- commands to release packages on npm are simpler

For developers working on UX, [pnpm can be installed with Corepack](https://pnpm.io/installation#using-corepack)

Note: the ~26k lines changed are mainly about lock files

Commits
-------

17a4bb7 Replace Yarn Berry by PNPM

Author: Kocal

.github/workflows/app-tests.yaml

@@ -36,11 +36,11 @@ jobs:
         - uses: actions/setup-node@v4
           with:
             node-version-file: '.nvmrc'
-            cache: 'yarn'
+            cache: 'pnpm'
             cache-dependency-path: |
-              yarn.lock
               package.json
               src/**/package.json
+              test_apps/encore-app/pnpm-lock.yaml
               test_apps/encore-app/package.json
 
         - uses: shivammathur/setup-php@v2
@@ -54,33 +54,29 @@ jobs:
           run: php .github/build-packages.php
 
         # We always install PHP deps because of the UX Translator, which requires `var/translations` to exists
-        - name: Install App dependencies
+        - name: Install PHP dependencies
           uses: ramsey/composer-install@v3
           with:
             working-directory: test_apps/encore-app
             dependency-versions: highest
 
-        - if: matrix.ux-packages-source == 'php-vendor'
-          name: Refresh dependencies from vendor/
-          working-directory: test_apps/encore-app
-          run: yarn
-          env:
-            YARN_ENABLE_HARDENED_MODE: 0
-            YARN_ENABLE_IMMUTABLE_INSTALLS: 0
+        - working-directory: test_apps/encore-app
+          run: pnpm install --ignore-workspace
 
         - if: matrix.ux-packages-source == 'js-packages'
           name: Install UX JS packages with a JS package manager
           working-directory: test_apps/encore-app
           run: |
             PACKAGES_TO_INSTALL=''
-            for PACKAGE in $(cd ../..; yarn workspaces list --no-private --json); do
-              PACKAGE_DIR=../../$(echo $PACKAGE | jq -r '.location')
-              PACKAGES_TO_INSTALL="$PACKAGES_TO_INSTALL $PACKAGE_DIR"
+            for PACKAGE in $(cd ../..; pnpm ls -r --json --depth -1 | jq 'map(select(.private != true))' | jq -c '.[]'); do
+              PACKAGE_ABSOLUTE_PATH=$(echo $PACKAGE | jq -r '.path')
+              PACKAGE_RELATIVE_PATH=$(realpath --relative-to=. "$PACKAGE_ABSOLUTE_PATH")
+              PACKAGES_TO_INSTALL="$PACKAGES_TO_INSTALL file:$PACKAGE_RELATIVE_PATH"
             done
             echo "Installing packages: $PACKAGES_TO_INSTALL"
-            yarn add --dev $PACKAGES_TO_INSTALL
+            pnpm add --save-dev $PACKAGES_TO_INSTALL
 
-        - name: Ensure UX packages are installed from "${{ matrix.ux-packages-source == 'php-vendor' && 'vendor/symfony/ux-...' || '../../../src/**/assets' }}"
+        - name: Ensure UX packages are installed from "${{ env.EXPECTED_PATTERN }}"
           working-directory: test_apps/encore-app
           run: |
             for PACKAGE in $(cat package.json | jq -c '(.dependencies // {}) + (.devDependencies // {}) | to_entries[] | select(.key | startswith("@symfony/ux-")) | {name: .key, version: .value}'); do
@@ -97,12 +93,12 @@ jobs:
               fi
             done;
           env:
-            EXPECTED_PATTERN: ${{ matrix.ux-packages-source == 'php-vendor' && 'file:vendor/symfony/*' || '../../src/*' }}
+            EXPECTED_PATTERN: ${{ matrix.ux-packages-source == 'php-vendor' && 'file:vendor/symfony/*' || 'file:../../src/*' }}
 
-        - name: Run Encore (dev)
+        - name: Ensure project can be built in dev mode
           working-directory: test_apps/encore-app
-          run: yarn encore dev
+          run: pnpm run dev
 
-        - name: Run Encore (prod)
+        - name: Ensure project can be built in prod mode
           working-directory: test_apps/encore-app
-          run: yarn encore production
+          run: pnpm run build

.github/workflows/code-quality.yaml

@@ -26,9 +26,9 @@ jobs:
             - uses: actions/setup-node@v4
               with:
                 node-version-file: '.nvmrc'
-                cache: 'yarn'
-            - run: yarn --immutable
-            - run: yarn ci
+                cache: 'pnpm'
+            - run: pnpm install --frozen-lockfile
+            - run: pnpm run ci
 
     coding-style-php:
         runs-on: ubuntu-latest

.github/workflows/dist-files-unbuilt.yaml

@@ -25,11 +25,11 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
-          cache: 'yarn'
+          cache: 'pnpm'
           cache-dependency-path: |
-            yarn.lock
+            pnpm-lock.yaml
             **/package.json
-      - run: yarn --immutable && yarn build
+      - run: pnpm install --frozen-lockfile && pnpm run build
 
       - name: Check if JS dist files are current
         run: |

.github/workflows/release-on-npm.yaml

@@ -25,29 +25,25 @@ jobs:
           - uses: actions/setup-node@v4
             with:
               node-version-file: '.nvmrc'
-              cache: 'yarn'
+              cache: 'pnpm'
               cache-dependency-path: |
-                yarn.lock
+                pnpm-lock.yaml
                 package.json
                 src/**/package.json
-          - run: yarn --immutable
+          - run: pnpm install --frozen-lockfile
 
           - name: Update version of JS packages
-            run: yarn workspaces foreach -pA exec "npm version ${{ env.VERSION }} --no-git-tag-version --no-workspaces-update"
+            run: pnpm version ${{ env.VERSION }} --no-git-tag-version --workspaces --no-workspaces-update
 
           - name: Commit changes
             run: |
               git add .
               git commit -m "Update versions to ${{ env.VERSION }}"
 
-          - name: Replace local "workspace:*" occurrences
-            run: |
-              yarn workspaces foreach -pA exec "sed -i 's/\"workspace:\*\"/\"${{ env.VERSION }}\"/g' package.json"
-
           - name: Publish on NPM
             env:
               NPM_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
-            run: yarn workspaces foreach -A --no-private npm publish --access public --tolerate-republish
+            run: pnpm publish --recursive --access public --no-git-checks
 
           - name: Push changes
             env:

.github/workflows/unit-tests.yaml

@@ -143,11 +143,11 @@ jobs:
             - uses: actions/setup-node@v4
               with:
                 node-version: ${{ matrix.node-version }}
-                cache: 'yarn'
+                cache: 'pnpm'
                 cache-dependency-path: |
-                  yarn.lock
+                  pnpm-lock.yaml
                   package.json
                   src/**/package.json
-            - run: yarn --immutable
-            - run: yarn playwright install
-            - run: yarn test
+            - run: pnpm install --frozen-lockfile
+            - run: pnpm exec playwright install
+            - run: pnpm run test

.gitignore

@@ -1,14 +1,5 @@
-# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
-.yarn/*
-!.yarn/cache
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions
-
+vendor/
 node_modules
-yarn-error.log
 
 .doctor-rst.cache
 .php-cs-fixer.cache

.nvmrc

@@ -1 +1 @@
-22.6
+22.11

.yarnrc.yml

@@ -1,6 +1,6 @@
 # Contributing
- 
-Thank you for considering contributing to Symfony UX! 
+
+Thank you for considering contributing to Symfony UX!
 
 Symfony UX is an open source, community-driven project, and we are happy to receive contributions from the community!
 
@@ -39,15 +39,15 @@ To set up the development environment, you need the following tools:
 
 - [PHP](https://www.php.net/downloads.php) 8.1 or higher
 - [Composer](https://getcomposer.org/download/)
-- [Node.js](https://nodejs.org/en/download/package-manager) 22 or higher
+- [Node.js](https://nodejs.org/en/download/package-manager) 22.11 or higher
 - [Corepack](https://github.com/nodejs/corepack)
-- [Yarn](https://yarnpkg.com/) 4 or higher
+- [PNPM](https://pnpm.io/) 10.13 or higher
 
 With these tools installed, you can install the project dependencies:
 
 ```shell
 $ composer install
-$ corepack enable && yarn install
+$ corepack enable && pnpm install
 ```
 
 ### Linking Symfony UX packages to your project
@@ -79,17 +79,17 @@ Assets are specific to each Symfony UX package:
   - Assets **must be** compatible with the [Symfony AssetMapper](https://symfony.com/doc/current/frontend/asset_mapper.html) and [Symfony Webpack Encore](https://symfony.com/doc/current/frontend/encore/index.html).
 
 To help you with assets, you can run the following commands in a specific package directory (e.g., `src/Map/assets/`):
-  - `yarn run build`: build (compile) assets from the package,
-  - `yarn run watch`: watch for modifications and rebuild assets from the package,
-  - `yarn run test`: run the tests from the package,
-  - `yarn run check`: run the formatter, linter, and sort imports, and fails if any modifications 
-  - `yarn run check --write`: run the formatter, linter, imports sorting, and write modifications 
-
-Thanks to [Yarn Workspaces](https://yarnpkg.com/features/workspaces), you can also run these commands from the root directory of the project:
-  - `yarn run build`: build (compile) assets from **all** packages,
-  - `yarn run test`: run the tests from **all** packages,
-  - `yarn run check`: run the formatter, linter, and sort imports for **all** packages, and fails if any modifications
-  - `yarn run check --write`: run the formatter, linter, imports sorting for **all** packages, and write modifications
+  - `pnpm run build`: build (compile) assets from the package,
+  - `pnpm run watch`: watch for modifications and rebuild assets from the package,
+  - `pnpm run test`: run the tests from the package,
+  - `pnpm run check`: run the formatter, linter, and sort imports, and fails if any modifications
+  - `pnpm run check --write`: run the formatter, linter, imports sorting, and write modifications
+
+Thanks to [PNPM Workspaces](https://pnpm.io/workspaces), you can also run these commands from the root directory of the project:
+  - `pnpm run build`: build (compile) assets from **all** packages,
+  - `pnpm run test`: run the tests from **all** packages,
+  - `pnpm run check`: run the formatter, linter, and sort imports for **all** packages, and fails if any modifications
+  - `pnpm run check --write`: run the formatter, linter, imports sorting for **all** packages, and write modifications
 
 ### Working on documentation
 

CONTRIBUTING.md

@@ -23,7 +23,7 @@ fi
 
 runTestSuite() {
     echo -e "Running tests for $workspace...\n"
-    yarn run -T vitest --run || { all_tests_passed=false; }
+    pnpm exec vitest --run || { all_tests_passed=false; }
 }
 
 processWorkspace() {
@@ -39,15 +39,15 @@ processWorkspace() {
         echo "No package.json found at $package_json_path"
         return
     fi
-    
+
     workspace=$(jq -r '.name' "$package_json_path")
     if [ -z "$workspace" ]; then
         echo "No name found in package.json at $package_json_path"
         return
     fi
-    
+
     echo -e "Processing workspace $workspace at location $location...\n"
-    
+
     echo "Checking '$package_json_path' for peerDependencies and importmap dependencies to have the same version"
     deps=$(jq -r '.peerDependencies | keys[]' "$package_json_path")
     for library in $deps; do
@@ -76,15 +76,15 @@ processWorkspace() {
                 if [ -n "$trimmed_version" ]; then
                     # Install each version of the library separately
                     echo -e "  - Install $library@$trimmed_version for $workspace\n"
-                    yarn workspace "$workspace" add "$library@$trimmed_version" --peer
+                    pnpm add "$library@$trimmed_version" --save-peer --filter "$workspace"
 
                     runTestSuite
                 fi
             done
-            
-            echo " -> Reverting version changes for $library"
-            yarn workspace "$workspace" add "$library@$versionValue" --peer
         done
+
+        echo " -> Reverting version changes from $package_json_path"
+        git checkout -- "$package_json_path"
     else
         echo -e " -> No peerDependencies found with multiple versions defined\n"
         runTestSuite