pnpm migration

Author: AlemTuzlak

.github/workflows/publish-commit.yaml

@@ -1,13 +1,9 @@
 name: 🚀 pkg-pr-new
+on: [push, pull_request]
+
 concurrency:
   group: ${{ github.repository }}-${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -16,16 +12,18 @@ jobs:
       - name: Checkout code
         uses: actions/checkout@v2
 
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
       - run: corepack enable
       - uses: actions/setup-node@v4
         with:
-          node-version: 20
-          cache: "npm"
+          node-version-file: "package.json"
 
       - name: Install dependencies
-        run: npm install
+        run: pnpm install
 
       - name: Build
-        run: npm run build
+        run: pnpm run build
 
-      - run: npx pkg-pr-new publish
+      - run: npx pkg-pr-new publish ./packages/*

.github/workflows/publish.yaml

@@ -1,40 +1,47 @@
-name: Publish Package to npmjs
+name: Release
+
 on:
-  release:
-    types: [published]
-  workflow_dispatch:
+  push:
+    branches:
+      - main
 
 jobs:
-  npm-publish:
+  release:
+    name: Release
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      actions: write
+      id-token: write
     steps:
-      - uses: actions/checkout@v4
-      # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v4
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
         with:
-          node-version: "20.x"
-          registry-url: "https://registry.npmjs.org"
-      - run: npm ci
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          node-version-file: "package.json"
 
+      - name: Install Dependencies
+        run: pnpm install
 
-  deploy-docs:
-    name: "🚀 Deploy Docs"
-    runs-on: ubuntu-latest
-    environment:
-      name: docs-release
-      url: ${{ steps.deploy.outputs.app_url }}
-    steps:
-      - uses: actions/checkout@v4
-      - uses: forge-42/fly-deploy@v1.0.0-rc.1
-        id: deploy
+#      - name: 🔐 Setup npm auth
+#        run: |
+#          echo "registry=https://registry.npmjs.org" >> ~/.npmrc
+#          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" >> ~/.npmrc
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
         env:
-          FLY_ORG: ${{ vars.FLY_ORG }}
-          FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
-          FLY_REGION: fra
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
         with:
-          workspace_name: docs
-          app_name: react-router-devtools-docs-release
-          use_isolated_workspace: true
+          title: "🚀 Release PR"
+          commit: "chore: release"
+          version: pnpm run version
+          publish: pnpm run release

.github/workflows/validate.yaml

@@ -1,73 +1,71 @@
-name: 🚀 Validation Pipeline
+name: 🚀 PR
+
 concurrency:
   group: ${{ github.repository }}-${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
+
+on: [pull_request] # Run only on pull_request, to also get status updates in PRs. We omit push because this would run the steps two times (for push and pull_request).
 
 permissions:
   actions: write
   contents: read
   # Required to put a comment into the pull-request
   pull-requests: write
+
 jobs:
   lint:
-    name: ⬣ Biome lint
+    name: ⬣ Linting
     runs-on: ubuntu-latest
     steps:
-     - name: ⬇️ Checkout repo
-       uses: actions/checkout@v4
-     - name: Setup Biome
-       uses: biomejs/setup-biome@v2
-     - name: Run Biome
-       run: biome ci .
+      - uses: actions/checkout@v4
+      - uses: biomejs/setup-biome@v2
+      - run: biome ci . --reporter=github
 
   typecheck:
     name: 🔎 Type check
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
         uses: styfle/cancel-workflow-action@0.12.1
+
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version-file: "package.json"
+
       - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          useLockFile: false
+        run: pnpm install
+
       - name: 🔎 Type check
-        run: npm run typecheck
+        run: pnpm run typecheck
 
   vitest:
     name: ⚡ Unit Tests
     runs-on: ubuntu-latest
     steps:
       - name: 🛑 Cancel Previous Runs
         uses: styfle/cancel-workflow-action@0.12.1
+
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+
       - name: ⎔ Setup node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version-file: "package.json"
+
       - name: 📥 Download deps
-        uses: bahmutov/npm-install@v1
-        with:
-          useLockFile: false
-      - name: Install dotenv cli
-        run: npm install -g dotenv-cli
+        run: pnpm install
+
       - name: ⚡ Run vitest
-        run: npm run test:cov
-#      - name: "Report Coverage"
-        # Only works if you set `reportOnFailure: true` in your vite config as specified above
-#        if: always()
-#        uses: davelosert/vitest-coverage-report-action@v2
+        run: pnpm run test:cov
 
   deploy-docs-pr-preview:
     if: ${{ github.event_name == 'pull_request' }}

lefthook.yml

@@ -2,11 +2,11 @@ pre-commit:
   parallel: true
   commands:
     check:
-      run: npm run check -- --staged --fix --no-errors-on-unmatched
+      run: pnpm run check --staged --fix --no-errors-on-unmatched
       stage_fixed: true
     typecheck:
-      run: npm run typecheck
+      run: pnpm run typecheck
     test:
-      run: npm run test
+      run: pnpm run test
     unused-code:
-      run: npm run check:unused
+      run: pnpm run check:unused