chore: migrate from yarn to pnpm to improve performance

Author: janivo

.github/workflows/dependencies-install/action.yml

@@ -5,18 +5,19 @@ author: 'Benjamin Pagelsdorf'
 runs:
   using: 'composite'
   steps:
+    - uses: pnpm/action-setup@v4
+      with:
+        version: 9.15.4
+        run_install: false
+
     - uses: actions/setup-node@v4
       with:
         node-version-file: '.nvmrc'
         registry-url: https://registry.npmjs.org
-        scope: '@inovex.de' # important for yarn
+        scope: '@inovex.de'
         always-auth: true
-    - name: restore node_modules cache
-      uses: actions/cache@v4
-      id: node-cache
-      with:
-        path: '**/node_modules'
-        key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
+        cache: 'pnpm'
+
     - name: restore nx cache
       uses: actions/cache@v4
       with:
@@ -31,5 +32,5 @@ runs:
         path: '**/.nx-cache'
         key: nx_cache-${{ github.ref_name || github.ref }}-build_core-${{ github.run_id }}
     - name: Install Dependencies
-      run: yarn install --frozen-lockfile
+      run: pnpm install --frozen-lockfile
       shell: bash

.github/workflows/deploy-landingpage.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: ./.github/workflows/dependencies-install
       - name: Build landingpage ⚒️
-        run: yarn nx run landingpage:build
+        run: pnpm nx run landingpage:build
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0

.github/workflows/deploy-prerelease.yml

@@ -45,7 +45,7 @@ jobs:
         with:
           node-version-file: '.nvmrc'
           registry-url: https://registry.npmjs.org
-          scope: '@inovex.de' # important for yarn
+          scope: '@inovex.de'
           always-auth: true
       - uses: ./.github/workflows/dependencies-install
       - name: Setup Git
@@ -55,11 +55,11 @@ jobs:
       - name: Set npm loglevel
         run: npm config set loglevel warn
       - name: Build libs
-        run: yarn run nx run-many -t build -p elements,elements-angular,elements-react,elements-vue
+        run: pnpm nx run-many -t build -p elements,elements-angular,elements-react,elements-vue
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Version & Release
         shell: bash
-        run: yarn nx run workspace:publish:prerelease
+        run: pnpm nx run workspace:publish:prerelease
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/deploy-release.yml

@@ -43,7 +43,7 @@ jobs:
         with:
           node-version-file: '.nvmrc'
           registry-url: https://registry.npmjs.org
-          scope: '@inovex.de' # important for yarn
+          scope: '@inovex.de'
           always-auth: true
       - uses: ./.github/workflows/dependencies-install
       - name: Setup Git
@@ -53,12 +53,12 @@ jobs:
       - name: Set npm loglevel
         run: npm config set loglevel ${{ inputs.loglevel }}
       - name: Build libs
-        run: yarn run nx run-many -t build -p elements,elements-angular,elements-react,elements-vue
+        run: pnpm nx run-many -t build -p elements,elements-angular,elements-react,elements-vue
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Version and Release
         shell: bash
-        run: yarn nx run workspace:publish:${{ inputs.configuration }}
+        run: pnpm nx run workspace:publish:${{ inputs.configuration }}
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/deploy-storybook.yml

@@ -24,7 +24,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: ./.github/workflows/dependencies-install
       - name: Build Storybook
-        run: yarn nx run storybook:build
+        run: pnpm nx run storybook:build
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Upload Storybook artifact ⬆️

.github/workflows/test.yml

@@ -23,7 +23,7 @@ jobs:
 
       - name: Store Playwright's Version
         run: |
-          PLAYWRIGHT_VERSION=$(npx playwright -V | awk '{ print $2 }')
+          PLAYWRIGHT_VERSION=$(pnpm exec playwright -V | awk '{ print $2 }')
           echo "Playwright's Version: $PLAYWRIGHT_VERSION"
           echo "PLAYWRIGHT_VERSION=$PLAYWRIGHT_VERSION" >> $GITHUB_ENV
       - name: Cache Playwright Browsers for Playwright's Version
@@ -34,23 +34,23 @@ jobs:
           key: playwright-browsers-${{ env.PLAYWRIGHT_VERSION }}
       - name: Setup Playwright
         if: steps.cache-playwright-browsers.outputs.cache-hit != 'true'
-        run: yarn playwright install --with-deps
+        run: pnpm playwright install --with-deps
 
       - name: Check format
-        run: yarn format
+        run: pnpm format
       - name: Check lint
-        run: yarn lint:ci
+        run: pnpm lint:ci
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Build all projects
-        run: yarn build
+        run: pnpm build
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Check if there are changes
         uses: NathanielHill/fail-if-changes@v1.1.1
       - name: Test all projects
         id: test_projects
-        run: yarn test
+        run: pnpm test
         env:
           NX_REJECT_UNKNOWN_LOCAL_CACHE: 0
       - name: Upload playwright trace

.gitignore

@@ -38,3 +38,9 @@ tmp/
 .nx-cache
 
 .nx/cache
+
+# pnpm
+.pnpm-store/
+.pnpm-debug.log*
+
+

.npmrc

@@ -0,0 +1,43 @@
+# pnpm Configuration
+
+# Use workspace protocol for local packages
+link-workspace-packages=true
+
+# Stricter peer dependency handling (set to false for gradual migration)
+strict-peer-dependencies=false
+
+# Auto install peer dependencies
+auto-install-peers=true
+
+# Hoist patterns for compatibility with tools that expect flat node_modules
+# These patterns ensure certain packages are available at the root
+public-hoist-pattern[]=*eslint*
+public-hoist-pattern[]=*prettier*
+public-hoist-pattern[]=@angular*
+public-hoist-pattern[]=@nx*
+public-hoist-pattern[]=@storybook*
+public-hoist-pattern[]=@stencil*
+public-hoist-pattern[]=@material*
+public-hoist-pattern[]=typescript
+public-hoist-pattern[]=ts-node
+public-hoist-pattern[]=jest*
+public-hoist-pattern[]=vitest*
+
+# Use isolated node linker for better isolation
+node-linker=isolated
+
+# Enabled to support legacy tooling (like Sass @use across packages) that expects a flat node_modules structure.
+# Should definitely be changed in the future once all tooling supports pnpm's default structure.
+shamefully-hoist=true
+
+# Engine strict (enforce node version)
+engine-strict=true
+
+# Prefer workspace packages over registry packages
+prefer-workspace-packages=true
+
+# Deduplicate peer dependencies
+dedupe-peer-dependents=true
+
+# Lockfile settings
+lockfile=true

.prettierignore

@@ -11,11 +11,13 @@ vendor/
 node_modules/
 **/.next/
 **/out/
+pnpm-lock.yaml
 
 # Hand written files
 *.mdx
 readme.md
 CHANGELOG.md
+CONTEXT.md
 
 
 # Generated by stencil