LG-4650: migrate from yarn to pnpm (#2612)

* WIP

* Oops

* ts-ignore

* Test

* Fix resolutions

* Comment out file size job

* Revert restore-key additions

* Remove ts-nocheck comments

* Add @types/react-dom to pnpm overrides

* Run fresh install after adding r17 dev dependencies and comment out unresolvable ts error

* Add r17 overrides to r17-packages.json

* Try this

* Rebase

* Add @types/react back to pnpm.overrides

* r17 dependencies

* Fix dependencies

* Remove testing library hoist

* Try pnpm.overrides

* pnpm React 17 (#2629)

* update r17 packages & script

* Update turbo.json

* fix r17 build issues

* add logging to build script

* add type overrides

* Lint install-react17 script

* Fix date-picker spec

* Fix lint

* Fix chat stories

* Changeset

* Remove @ts-ignore comments

* Update node and pnpm versions in github actions

* Add comment to re-add sizeDiff job after PNPM migration

* Feedback

* Feedback pt2

* Update publish script in release flow

* Update README

* enable placeholder sizeDiff

* add build timeout

* temp disable build cache

* restore cache

* fix restore cache

* update cache path

* update cache path

* build all

* update save cache key

* temp: only build cli

* Revert "temp: only build cli"

This reverts commit 367232d.

* ensure same cache key across jobs

* simplify cache path

* actually fix cache path

* revert complex glob

* Fix/Ignore lint errors on pnpm (#2640)

---------

Co-authored-by: Adam Thompson <[email protected]>
Co-authored-by: Adam Thompson <[email protected]>

Author: stephl3

.changeset/warm-waves-clap.md

@@ -0,0 +1,98 @@
+---
+'@leafygreen-ui/leafygreen-provider': patch
+'@leafygreen-ui/confirmation-modal': patch
+'@leafygreen-ui/inline-definition': patch
+'@leafygreen-ui/loading-indicator': patch
+'@leafygreen-ui/segmented-control': patch
+'@lg-tools/storybook-decorators': patch
+'@leafygreen-ui/expandable-card': patch
+'@leafygreen-ui/marketing-modal': patch
+'@leafygreen-ui/radio-box-group': patch
+'@leafygreen-ui/skeleton-loader': patch
+'@leafygreen-ui/password-input': patch
+'@lg-chat/fixed-chat-window': patch
+'@leafygreen-ui/info-sprinkle': patch
+'@lg-chat/message-feedback': patch
+'@leafygreen-ui/input-option': patch
+'@leafygreen-ui/number-input': patch
+'@leafygreen-ui/ordered-list': patch
+'@leafygreen-ui/search-input': patch
+'@leafygreen-ui/split-button': patch
+'@lg-tools/storybook-addon': patch
+'@lg-tools/storybook-utils': patch
+'@lg-chat/chat-disclaimer': patch
+'@lg-chat/message-prompts': patch
+'@leafygreen-ui/date-picker': patch
+'@leafygreen-ui/descendants': patch
+'@leafygreen-ui/empty-state': patch
+'@leafygreen-ui/form-footer': patch
+'@leafygreen-ui/icon-button': patch
+'@leafygreen-ui/polymorphic': patch
+'@leafygreen-ui/radio-group': patch
+'@leafygreen-ui/testing-lib': patch
+'@lg-tools/test-harnesses': patch
+'@lg-chat/message-rating': patch
+'@leafygreen-ui/date-utils': patch
+'@leafygreen-ui/form-field': patch
+'@leafygreen-ui/pagination': patch
+'@leafygreen-ui/text-input': patch
+'@leafygreen-ui/typography': patch
+'@leafygreen-ui/guide-cue': patch
+'@leafygreen-ui/text-area': patch
+'@lg-chat/message-feed': patch
+'@leafygreen-ui/checkbox': patch
+'@leafygreen-ui/combobox': patch
+'@leafygreen-ui/copyable': patch
+'@leafygreen-ui/pipeline': patch
+'@leafygreen-ui/side-nav': patch
+'@lg-chat/chat-window': patch
+'@lg-chat/lg-markdown': patch
+'@leafygreen-ui/callout': patch
+'@leafygreen-ui/palette': patch
+'@leafygreen-ui/popover': patch
+'@leafygreen-ui/stepper': patch
+'@leafygreen-ui/tooltip': patch
+'@lg-chat/rich-links': patch
+'@leafygreen-ui/avatar': patch
+'@leafygreen-ui/banner': patch
+'@leafygreen-ui/button': patch
+'@leafygreen-ui/portal': patch
+'@leafygreen-ui/ripple': patch
+'@leafygreen-ui/select': patch
+'@leafygreen-ui/toggle': patch
+'@leafygreen-ui/tokens': patch
+'@lg-chat/input-bar': patch
+'@lg-chat/title-bar': patch
+'@leafygreen-ui/badge': patch
+'@leafygreen-ui/hooks': patch
+'@leafygreen-ui/modal': patch
+'@leafygreen-ui/table': patch
+'@leafygreen-ui/toast': patch
+'@lg-tools/codemods': patch
+'@lg-tools/slackbot': patch
+'@lg-tools/validate': patch
+'@leafygreen-ui/a11y': patch
+'@leafygreen-ui/card': patch
+'@leafygreen-ui/chip': patch
+'@leafygreen-ui/code': patch
+'@leafygreen-ui/icon': patch
+'@leafygreen-ui/logo': patch
+'@leafygreen-ui/menu': patch
+'@leafygreen-ui/tabs': patch
+'@lg-tools/install': patch
+'@lg-chat/message': patch
+'@leafygreen-ui/box': patch
+'@leafygreen-ui/lib': patch
+'@lg-tools/create': patch
+'@lg-tools/update': patch
+'@lg-charts/core': patch
+'@lg-chat/avatar': patch
+'@lg-tools/build': patch
+'@lg-tools/link': patch
+'@lg-tools/lint': patch
+'@lg-tools/meta': patch
+'@lg-tools/test': patch
+'@lg-tools/cli': patch
+---
+
+[LG-4650](https://jira.mongodb.org/browse/LG-4650): migrates from `yarn` to `pnpm`

.eslintrc.js

@@ -10,7 +10,7 @@
 
 - [ ] I have added tests that prove my fix is effective or that my feature works
 - [ ] I have added necessary documentation (if appropriate)
-- [ ] I have run `yarn changeset` and documented my changes
+- [ ] I have run `pnpm changeset` and documented my changes
 
 ### For new components
 

.github/pull_request_template.md

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Check out code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Cleanup
         run: |

.github/workflows/clean.yml

@@ -13,92 +13,128 @@ jobs:
   build:
     name: Build packages
     runs-on: ubuntu-latest
+    timeout-minutes: 20 # Should not take more than 20 minutes to build
+    outputs:
+      cache-primary-key: ${{ steps.build-cache.outputs.cache-primary-key }}
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/cache@v3
+      - name: pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
+
+      - uses: actions/cache/restore@v4
         name: Check for build cache
         id: build-cache
         with:
+          # Note: `path` doesn't like complex glob patterns (i.e. `+(charts|chat|packages|tools)`)
           path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'yarn.lock', '**/src/', '!**/node_modules', '!**/dist') }}
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'pnpm-lock.yaml', '**/src/') }}
 
       # Only setup & build if there was no build cache hit
       - name: Use Node 18
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         if: ${{ steps.build-cache.outputs.cache-hit != 'true' }}
         with:
-          node-version: '18'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
+          node-version: 18
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
 
       - name: Install
         if: ${{ steps.build-cache.outputs.cache-hit != 'true' }}
-        run: yarn install --frozen-lockfile --prefer-offline
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: Build
         if: ${{ steps.build-cache.outputs.cache-hit != 'true' }}
-        run: yarn build
+        run: pnpm build
+
+      - uses: actions/cache/save@v4
+        name: Save build cache
+        if: ${{ steps.build-cache.outputs.cache-hit != 'true' }}
+        with:
+          path: |
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{ steps.build-cache.outputs.cache-primary-key }}
 
   lint:
     name: Check lints
     runs-on: ubuntu-latest
     needs: [build]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+
+      - name: pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
 
       - name: Use Node 18
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: '18'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
+          node-version: 18
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
 
-      - uses: actions/cache/restore@v3
+      - uses: actions/cache/restore@v4
         name: Restore build cache
         id: build-cache
         with:
           path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'yarn.lock', '**/src/', '!**/node_modules', '!**/dist') }}
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{needs.build.outputs.cache-primary-key}}
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile --prefer-offline
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: lint
-        run: yarn lint
+        run: pnpm lint
 
   chromatic:
     name: Chromatic
     runs-on: ubuntu-latest
     needs: [build]
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
-      - name: Use Node 18
-        uses: actions/setup-node@v3
+      - name: pnpm
+        uses: pnpm/action-setup@v4
         with:
-          node-version: '18'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
+          version: 9.15.0
 
-      - name: Install Dependencies
-        run: yarn install --frozen-lockfile --prefer-offline
+      - name: Use Node 18
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
 
-      - uses: actions/cache/restore@v3
+      - uses: actions/cache/restore@v4
         name: Restore build cache
         id: build-cache
         with:
           path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'yarn.lock', '**/src/', '!**/node_modules', '!**/dist') }}
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{needs.build.outputs.cache-primary-key}}
+
+      - name: Install Dependencies
+        run: pnpm install --frozen-lockfile --prefer-offline
 
       - name: Publish to Chromatic
         env:
@@ -116,29 +152,36 @@ jobs:
     runs-on: ubuntu-latest
     needs: [build]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+
+      - name: pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
 
       - name: Use Node 18
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: '18'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
+          node-version: 18
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile --prefer-offline
+        run: pnpm install --frozen-lockfile --prefer-offline
 
-      - uses: actions/cache/restore@v3
+      - uses: actions/cache/restore@v4
         name: Restore build cache
         id: build-cache
         with:
           path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'yarn.lock', '**/src/', '!**/node_modules', '!**/dist') }}
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{needs.build.outputs.cache-primary-key}}
 
       - name: tests
-        run: yarn test --ci
+        run: pnpm run test --ci
         env:
           JEST_JUNIT_OUTPUT: 'reports/junit/js-test-results.xml'
 
@@ -147,26 +190,33 @@ jobs:
     runs-on: ubuntu-latest
     needs: [build]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
+
+      - name: pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
 
       - name: Use Node 18
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: '18'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
+          node-version: 18
+          cache: 'pnpm'
+          cache-dependency-path: 'pnpm-lock.yaml'
 
       - name: Install Dependencies
-        run: yarn install --frozen-lockfile --prefer-offline
+        run: pnpm install --frozen-lockfile --prefer-offline
 
-      - uses: actions/cache/restore@v3
+      - uses: actions/cache/restore@v4
         name: Restore build cache
         id: build-cache
         with:
           path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('package.json', 'yarn.lock', '**/src/', '!**/node_modules', '!**/dist') }}
+            charts/*/dist/*
+            chat/*/dist/*
+            packages/*/dist/*
+            tools/*/dist/*
+          key: ${{needs.build.outputs.cache-primary-key}}
 
       - name: validate
-        run: yarn validate
+        run: pnpm validate