feat(pnpm) - migrate from YarnV1 to PNPM

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

@@ -14,19 +14,31 @@ runs:
         registry-url: 'https://registry.npmjs.org/'
         scope: '@talend'
 
-    - name: Install yarn
-      shell: bash
-      run: npm i -g yarn
+    # - name: Install PNPM
+    #   shell: bash
+    #   run: npm install -g [email protected]
+
+    # - name: Setup PNPM
+    #   shell: bash
+    #   run: |
+    #     mkdir ~/.local/share/pnpm
+    #     pnpm config set global-bin-dir ~/.local/share/pnpm
+
+    - uses: pnpm/action-setup@v2
+      name: Install pnpm
+      with:
+        version: 8
+        run_install: false
 
-    - name: Get yarn cache directory path
-      id: yarn-cache-dir-path
+    - name: Get pnpm cache directory path
+      id: pnpm-cache-dir-path
       shell: bash
-      run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
+      run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
 
     - uses: actions/cache@704facf57e6136b1bc63b828d79edcd491f0ee84 #v3.3.2
-      id: yarn-cache # use this to check for `cache-hit` (`steps.yarn-cache.outputs.cache-hit != 'true'`)
+      id: pnpm-cache # use this to check for `cache-hit` (`steps.pnpm-cache.outputs.cache-hit != 'true'`)
       with:
-        path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+        path: ${{ steps.pnpm-cache-dir-path.outputs.dir }}
+        key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
         restore-keys: |
-          ${{ runner.os }}-yarn-
+          ${{ runner.os }}-pnpm-

.github/workflows/README.md

@@ -0,0 +1,13 @@
+# How to run github action locally
+
+Use the cli ACT: https://github.com/nektos/act
+
+# How to run PR-TEST
+
+```bash
+act pull_request -j build -W .github/workflows/pr-test.yml
+```
+
+```bash
+act --container-architecture linux/amd64 pull_request -j build -W .github/workflows/pr-test.yml
+```

.github/workflows/changeset.yml

@@ -33,14 +33,14 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install Dependencies
-        run: yarn --frozen-lockfile
+        run: pnpm --frozen-lockfile
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@aba318e9165b45b7948c60273e0b72fce0a64eb9 #v1.4.7
         with:
           # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: yarn release
+          publish: pnpm run release
           commit: "chore: prepare release"
           title: "chore: prepare release"
         env:

.github/workflows/dependencies.yml

@@ -26,10 +26,10 @@ jobs:
 
       - name: Upgrade dependencies
         run: |
-          yarn --frozen-lockfile --ignore-scripts
-          yarn talend-upgrade-deps --ignore-scripts
-          yarn talend-upgrade-deps --scope=@talend --latest --ignore-scripts
-          yarn talend-upgrade-deps --latest --dry > dependencies-latest.txt
+          pnpm --frozen-lockfile --ignore-scripts
+          pnpm talend-upgrade-deps --ignore-scripts
+          pnpm talend-upgrade-deps --scope=@talend --latest --ignore-scripts
+          pnpm talend-upgrade-deps --latest --dry > dependencies-latest.txt
           git add dependencies-latest.txt
 
       - name: Create Pull Request

.github/workflows/design-system-component-testing.yml

@@ -30,23 +30,23 @@ jobs:
       - uses: actions/cache@13aacd865c20de90d75de3b17ebe84f7a17d57d2 #v4.0.0
         with:
           path: ~/.cache/Cypress
-          key: my-cache-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          key: my-cache-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
 
       - name: Install dependencies
         run: |
-          yarn --frozen-lock --ignore-scripts
-          yarn cypress install
-          yarn workspace @talend/assets-api run build:lib
-          yarn workspace @talend/utils run build:lib
-          yarn workspace @talend/icons run build:lib
-          yarn workspace @talend/design-tokens run build:lib
+          pnpm install --frozen-lockfile --ignore-scripts
+          pnpm cypress install
+          pnpm --filter @talend/assets-api run build:lib
+          pnpm --filter @talend/utils run build:lib
+          pnpm --filter @talend/icons run build:lib
+          pnpm --filter @talend/design-tokens run build:lib
 
       - name: Cypress Component Testing
         uses: cypress-io/github-action@1b70233146622b69e789ccdd4f9452adc638d25a #v6.6.1
         with:
           install: false
           browser: ${{ matrix.browser }}
-          command: yarn workspace @talend/design-system run test:cy
+          command: pnpm --filter @talend/design-system run test:cy
 
       - name: Cypress screenshots upload
         uses: actions/upload-artifact@694cdabd8bdb0f10b2cea11669e1bf5453eed0a6 #v4.2.0

.github/workflows/pr-demo.yml

@@ -41,26 +41,26 @@ jobs:
       - name: Install
         run: |
           node --version
-          yarn install --frozen-lockfile
+          pnpm install --frozen-lockfile
 
       - name: Run test:demo
         run: |
           node --version
-          yarn test:demo
+          pnpm run test:demo
 
       - name: Before surge
         run: |
           node --version
-          yarn global add surge
-          echo "$(yarn global bin)" >> $GITHUB_PATH
+          pnpm add -g surge
+          # echo "$(yarn global bin)" >> $GITHUB_PATH
           node --version
           ./.github/workflows/before-surge.sh
         env:
           STORYBOOK_FIGMA_ACCESS_TOKEN: ${{ secrets.STORYBOOK_FIGMA_ACCESS_TOKEN }}
 
       - name: deploy if master
         if: github.ref == 'refs/heads/master'
-        run: surge --project .static --domain "talend.surge.sh"
+        run: npx surge --project .static --domain "talend.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
@@ -77,7 +77,7 @@ jobs:
       - name: deploy if PR
         if: github.ref != 'refs/heads/master'
         run: |
-          surge --project .static --domain "${{ github.event.number }}.talend.surge.sh"
+          npx surge --project .static --domain "${{ github.event.number }}.talend.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}

.github/workflows/pr-lint.yml

@@ -31,15 +31,15 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install
-        run: yarn install --frozen-lockfile --ignore-scripts
+        run: pnpm install --frozen-lockfile --ignore-scripts
 
       - name: eslint + stylelint
         continue-on-error: true
         id: eslint
-        run: yarn lint
+        run: pnpm lint
 
       - name: Merge lint
-        run: yarn lint-merge-report master ${GITHUB_HEAD_REF}
+        run: pnpm lint-merge-report master ${GITHUB_HEAD_REF}
 
       - name: Annotate Code Linting Results
         uses: ataylorme/eslint-annotate-action@5f4dc2e3af8d3c21b727edb597e5503510b1dc9c #v2.2.0

.github/workflows/pr-playground.yml

@@ -33,11 +33,10 @@ jobs:
       - name: Install and build playground
         id: build
         run: |
-          yarn install --frozen-lockfile
-          yarn global add surge
-          echo "$(yarn global bin)" >> $GITHUB_PATH
-          yarn pre-release
-          yarn workspace @talend/ui-playground run test:demo:umd
+          pnpm install --frozen-lockfile
+          pnpm add -g surge
+          pnpm pre-release
+          pnpm --filter @talend/ui-playground run test:demo:umd
 
       - name: deploy if master
         if: github.ref == 'refs/heads/master'
@@ -46,7 +45,7 @@ jobs:
           mkdir .static
           mkdir .static/playground
           cp -R packages/playground/dist/* .static/playground
-          surge --project .static --domain "talend-playground.surge.sh"
+          npx surge --project .static --domain "talend-playground.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}
@@ -58,7 +57,7 @@ jobs:
           mkdir .static
           mkdir .static/playground
           cp -R packages/playground/dist/* .static/playground
-          surge --project .static --domain "${{ github.event.number }}.talend-playground.surge.sh"
+          npx surge --project .static --domain "${{ github.event.number }}.talend-playground.surge.sh"
         env:
           SURGE_LOGIN: ${{ secrets.SURGE_LOGIN }}
           SURGE_TOKEN: ${{ secrets.SURGE_TOKEN }}

.github/workflows/pr-test.yml

@@ -27,10 +27,10 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install
-        run: yarn install --frozen-lockfile
+        run: pnpm install --frozen-lockfile
 
       - name: Test
-        run: yarn test --coverage --coverageReporters json-summary
+        run: pnpm run test --coverage --coverageReporters json-summary
 
       - name: Jest Coverage Comment
         uses: MishaKav/jest-coverage-comment@c2d5cfd6c32e8799c6deb0fd76a8e2d9ad8b35c2 #1.0.25

.github/workflows/tests-cron.yml

@@ -24,8 +24,8 @@ jobs:
 
       - name: Install and tests
         run: |
-          yarn --frozen-lockfile --ignore-scripts
-          yarn test:cron
+          pnpm --frozen-lockfile --ignore-scripts
+          pnpm test:cron
 
       - name: Create Issue on Failed workflow
         if: ${{ failure() }}

.github/workflows/visual-testing.yml

@@ -36,7 +36,7 @@ jobs:
         uses: ./.github/actions/setup-node
 
       - name: Install dependencies
-        run: yarn --frozen-lock
+        run: pnpm install --frozen-lockfile
 
       - name: Publish PR to DS Chromatic
         if: github.ref != 'refs/heads/master'

.github/workflows/yarn-deduplicate.yml

@@ -1,9 +1,9 @@
-name: yarn-deduplicate
+name: pnpm-deduplicate
 
 on:
   pull_request:
     paths:
-      - "yarn.lock"
+      - "pnpm-lock.yaml"
 
 # This allows a subsequently queued workflow run to interrupt previous runs
 concurrency:
@@ -31,17 +31,16 @@ jobs:
       - name: Use Node.js
         uses: ./.github/actions/setup-node
 
-      - name: yarn-deduplicate
+      - name: pnpm-deduplicate
         id: deduplicate
         run: |
-          yarn
-          yarn yarn-deduplicate
-          echo "::set-output name=diff::$(git status --short yarn.lock)"
+          pnpm dedupe --ignore-scripts
+          echo "::set-output name=diff::$(git status --short pnpm-lock.yaml)"
 
       - name: Commit dedupe
         if: steps.deduplicate.outputs.diff
         uses: actions-js/push@156f2b10c3aa000c44dbe75ea7018f32ae999772 #1.4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          message: "chore: yarn-deduplicate"
+          message: "chore: pnpm-deduplicate"
           branch: ${{ github.head_ref }}

.npmrc

@@ -0,0 +1,56 @@
+prefer-workspace-packages=true
+
+#https://pnpm.io/blog/2020/10/17/node-modules-configuration-options-with-pnpm#plugnplay-the-strictest-configuration
+hoist=false
+
+#########################################
+# WARNGING Add public-hoist-pattern ONLY if you don't have other solution
+#########################################
+# ES LINT
+public-hoist-pattern[]=eslint-config-airbnb-base
+public-hoist-pattern[]=eslint-plugin-angular
+public-hoist-pattern[]=eslint-plugin-cypress
+public-hoist-pattern[]=eslint-plugin-import
+public-hoist-pattern[]=eslint-plugin-jest-dom
+public-hoist-pattern[]=eslint-plugin-jsx-a11y
+public-hoist-pattern[]=eslint-plugin-mdx
+public-hoist-pattern[]=eslint-plugin-prettier
+public-hoist-pattern[]=eslint-plugin-react
+public-hoist-pattern[]=eslint-plugin-react-hooks
+public-hoist-pattern[]=eslint-plugin-storybook
+public-hoist-pattern[]=eslint-plugin-testing-library
+
+# STYLE LINT
+public-hoist-pattern[]=postcss-scss
+public-hoist-pattern[]=stylelint-config-sass-guidelines
+
+# CYPRESS
+public-hoist-pattern[]=cypress
+
+# JEST
+public-hoist-pattern[]=jest-environment-jsdom
+public-hoist-pattern[]=jest-environment-jsdom-global
+public-hoist-pattern[]=jest-serializer-html
+
+# I18N
+public-hoist-pattern[]=i18next
+public-hoist-pattern[]=react-i18next
+public-hoist-pattern[]=i18next-http-backend
+
+# STORYBOOK
+public-hoist-pattern[]=@storybook*
+public-hoist-pattern[]=msw-storybook-addon
+
+# OTHERS
+public-hoist-pattern[]=autoprefixer
+public-hoist-pattern[]=lodash
+public-hoist-pattern[]=reakit
+public-hoist-pattern[]=react-dom
+public-hoist-pattern[]=redux*
+public-hoist-pattern[]=*types*
+
+# WEBPACK (initially needed to be able to start the playground)
+public-hoist-pattern[]=webpack-dev-server
+
+
+

.tool-versions

@@ -1 +1,3 @@
 nodejs 20.9.0
+# asdf plugin-add pnpm
+pnpm 8.15.5

fork/react-bootstrap/package.json

@@ -12,7 +12,7 @@
   "scripts": {
     "build:dev": "talend-scripts build --umd --dev",
     "build:prod": "talend-scripts build --umd --prod",
-    "pre-release": "yarn build:dev && yarn build:prod",
+    "pre-release": "pnpm build:dev && pnpm build:prod",
     "build:lib": "talend-scripts build",
     "lint": "talend-scripts lint",
     "test": "talend-scripts test",