Migrate to pnpm (#11358)

Author: markdalgleish

.changeset/config.json

@@ -17,5 +17,6 @@
   "access": "public",
   "baseBranch": "dev",
   "updateInternalDependencies": "patch",
+  "bumpVersionsWithWorkspaceProtocolOnly": true,
   "ignore": []
 }

.eslintignore

@@ -1,5 +1,6 @@
 /fixtures/
 node_modules/
+pnpm-lock.yaml
 /docs/api
 examples/**/dist/
 packages/**/dist/

.github/workflows/deduplicate-yarn.yml renamed to .github/workflows/deduplicate-lock-file.yml

@@ -1,11 +1,11 @@
-name: ⚙️ Deduplicate yarn.lock
+name: ⚙️ Deduplicate lock file
 
 on:
   push:
     branches:
       - dev
     paths:
-      - ./yarn.lock
+      - ./pnpm-lock.yaml
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -20,14 +20,17 @@ jobs:
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
           node-version-file: ".nvmrc"
-          cache: "yarn"
+          cache: "pnpm"
 
-      - name: ⚙️ Dedupe yarn.lock
-        run: npx yarn-deduplicate && rm -rf ./node_modules && yarn
+      - name: ⚙️ Dedupe lock file
+        run: pnpm dedupe && rm -rf ./node_modules && pnpm install
 
       - name: 💪 Commit
         run: |
@@ -38,6 +41,6 @@ jobs:
             echo "💿 no deduplication needed"
             exit 0
           fi
-          git commit -m "chore: deduplicate `yarn.lock`"
+          git commit -m "chore: deduplicate `pnpm-lock.yaml`"
           git push
           echo "💿 https://github.com/$GITHUB_REPOSITORY/commit/$(git rev-parse HEAD)"

.github/workflows/format.yml

@@ -21,20 +21,23 @@ jobs:
         with:
           token: ${{ secrets.FORMAT_PAT }}
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          cache: yarn
+          cache: pnpm
           node-version-file: ".nvmrc"
 
       - name: 📥 Install deps
-        run: yarn --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: 🔃 Sort contributors.yml
         run: sort --ignore-case --output contributors.yml contributors.yml
 
       - name: 👔 Format
-        run: yarn format
+        run: pnpm format
 
       - name: 💪 Commit
         run: |

.github/workflows/release-experimental.yml

@@ -22,22 +22,25 @@ jobs:
         with:
           fetch-depth: 0
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          cache: yarn
+          cache: pnpm
           node-version-file: ".nvmrc"
 
       - name: 📥 Install deps
-        run: yarn --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: 🏗 Build
-        run: yarn build
+        run: pnpm build
 
       - name: 🔐 Setup npm auth
         run: |
           echo "registry=https://registry.npmjs.org" >> ~/.npmrc
           echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc
 
       - name: 🚀 Publish
-        run: npm run publish
+        run: pnpm run publish

.github/workflows/release.yml

@@ -27,14 +27,17 @@ jobs:
         with:
           fetch-depth: 0
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
           node-version-file: ".nvmrc"
-          cache: "yarn"
+          cache: "pnpm"
 
       - name: 📥 Install deps
-        run: yarn --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: 🔐 Setup npm auth
         run: |
@@ -50,10 +53,10 @@ jobs:
         id: changesets
         uses: changesets/action@v1
         with:
-          version: yarn run version
+          version: pnpm run version
           commit: "chore: Update version for release"
           title: "chore: Update version for release"
-          publish: yarn run release
+          publish: pnpm run release
           createGithubReleases: false
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
@@ -70,11 +73,14 @@ jobs:
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
           node-version: 16
-          cache: "npm"
+          cache: "pnpm"
 
       - id: find_package_version
         run: |

.github/workflows/test.yml

@@ -35,10 +35,13 @@ jobs:
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
 
+      - name: 📦 Setup pnpm
+        uses: pnpm/[email protected]
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          cache: yarn
+          cache: pnpm
           check-latest: true
           node-version: ${{ matrix.node }}
 
@@ -49,16 +52,16 @@ jobs:
           echo "::remove-matcher owner=eslint-stylish::"
 
       - name: 📥 Install deps
-        run: yarn --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: 🏗 Build
-        run: yarn build
+        run: pnpm build
 
       - name: 🔬 Lint
-        run: yarn lint
+        run: pnpm lint
 
       - name: 🧪 Run tests
-        run: yarn test
+        run: pnpm test
 
       - name: Check bundle size
-        run: yarn size
+        run: pnpm size

.gitignore

@@ -6,6 +6,7 @@ npm-debug.log
 node_modules/
 
 /examples/*/yarn.lock
+/examples/*/pnpm-lock.yaml
 /examples/*/dist
 /tutorial/dist
 

.npmrc

@@ -0,0 +1,2 @@
+ignore-workspace-cycles=true
+enable-pre-post-scripts=true

DEVELOPMENT.md

@@ -16,7 +16,7 @@ Changesets will do most of the heavy lifting for our releases. When changes are
 ### Starting a new pre-release
 
 - Ensure you are on the new `release-*` branch.
-- Enter Changesets pre-release mode using the `pre` tag: `yarn changeset pre enter pre`.
+- Enter Changesets pre-release mode using the `pre` tag: `pnpm changeset pre enter pre`.
 - Commit the change and push the `release-*` branch to GitHub.
 - Wait for the release workflow to finish. The Changesets action in the workflow will open a PR that will increment all versions and generate the changelogs.
 - Review the updated `CHANGELOG` files and make any adjustments necessary, then merge the PR into the `release-*` branch.
@@ -32,7 +32,7 @@ Changesets will do most of the heavy lifting for our releases. When changes are
 You may need to make changes to a pre-release prior to publishing a final stable release. To do so:
 
 - Make whatever changes you need.
-- Create a new changeset: `yarn changeset`.
+- Create a new changeset: `pnpm changeset`.
   - **IMPORTANT:** This is required even if you ultimately don't want to include these changes in the logs. Remember, changelogs can be edited prior to publishing, but the Changeset version script needs to see new changesets in order to create a new version.
 - Commit the changesets and push the `release-*` branch to GitHub.
 - Wait for the release workflow to finish and the Changesets action to open its PR that will increment all versions.
@@ -42,7 +42,7 @@ You may need to make changes to a pre-release prior to publishing a final stable
 
 ### Publishing the stable release
 
-- Exit Changesets pre-release mode: `yarn changeset pre exit`.
+- Exit Changesets pre-release mode: `pnpm changeset pre exit`.
 - Commit the edited pre-release file along with any unpublished changesets, and push the `release-*` branch to GitHub.
 - Wait for the release workflow to finish. The Changesets action in the workflow will open a PR that will increment all versions and generate the changelogs for the stable release.
 - Review the updated `CHANGELOG` files and make any adjustments necessary.
@@ -71,6 +71,6 @@ Experimental releases and hot-fixes do not need to be branched off of `dev`. Exp
 
 - Create a new branch for the release: `git checkout -b release-experimental`
 - Make whatever changes you need and commit them: `git add . && git commit "experimental changes!"`
-- Update version numbers and create a release tag: `yarn run version:experimental`
+- Update version numbers and create a release tag: `pnpm run version:experimental`
 - Push to GitHub: `git push origin --follow-tags`
 - The CI workflow should automatically trigger from the experimental tag to publish the release to npm