chore: migrate from npm to pnpm (#1164)

Author: levalleux-ludo

.fleek.json

@@ -3,7 +3,7 @@
     {
       "slug": "interface-test",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.fleek_dr_center_production.json

@@ -3,7 +3,7 @@
     {
       "slug": "drcenter-production",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.fleek_dr_center_staging.json

@@ -3,7 +3,7 @@
     {
       "slug": "drcenter-staging",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.fleek_dr_center_testing.json

@@ -3,7 +3,7 @@
     {
       "slug": "drcenter-test",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.fleek_production.json

@@ -3,7 +3,7 @@
     {
       "slug": "dapp-interface-production",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.fleek_staging.json

@@ -3,7 +3,7 @@
     {
       "slug": "interface-staging",
       "distDir": "build",
-      "buildCommand": "npm run build"
+      "buildCommand": "pnpm build"
     }
   ]
 }

.github/workflows/ci_reusable.yaml

@@ -154,17 +154,17 @@ jobs:
         with:
           ref: ${{ github.event.pull_request.head.ref }}
           fetch-depth: 0
-      - uses: actions/setup-node@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 10
+      - name: Setup node
+        uses: actions/setup-node@v4
         with:
           node-version: "24"
           registry-url: "https://registry.npmjs.org"
-          cache: "npm"
-      - name: Cache dependencies
-        uses: actions/cache@v3
-        with:
-          path: ~/.npm
-          key: npm-${{ hashFiles('package-lock.json') }}
-          restore-keys: npm-
+          cache: "pnpm"
+          cache-dependency-path: "./pnpm-lock.yaml"
       - name: Create Sentry release
         if: ${{ inputs.IS_PREVIEW == false }}
         uses: getsentry/action-release@v1
@@ -175,34 +175,17 @@ jobs:
         with:
           environment: ${{ inputs.ENV_NAME }}
           version: ${{ inputs.REACT_APP_RELEASE_NAME }}
-      - run: npm ci
+      - run: pnpm install --frozen-lockfile
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps chromium
-      - run: npm run prettier
-      - run: npm run tsc
-      - run: npm run test
-      - run: npm run lint
+      - run: pnpm prettier
+      - run: pnpm tsc
+      - run: pnpm lint
       - id: lint
         run: echo "::set-output name=pass::success"
-      - run: npm run build
+      - run: pnpm build
       - id: build
         run: echo "::set-output name=pass::success"
-      - name: Run Tests & Generate coverage reports
-        run: npm run coverage:report
-      - name: Upload Unit Coverage to Codecov
-        if: ${{ inputs.UPDATE_COVERAGE }}
-        uses: codecov/codecov-action@v2
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-          files: ./coverage/coverage-final.json
-          flags: unittests
-      - name: Upload E2E Coverage to Codecov
-        if: ${{ inputs.UPDATE_COVERAGE }}
-        uses: codecov/codecov-action@v2
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-          files: ./test-results.json
-          flags: e2etests
       - name: (if 'staging' env) Copy contents from .fleek_staging.json to .fleek.json
         if: ${{ inputs.ENV_NAME == 'staging' }}
         run: mv .fleek_staging.json .fleek.json
@@ -217,7 +200,7 @@ jobs:
           FLEEK_TOKEN: ${{ secrets.FLEEK_TOKEN }}
           FLEEK_PROJECT_ID: ${{ secrets.FLEEK_PROJECT_ID }}
       - name: Build dapp to show the dr_center only
-        run: npm run build
+        run: pnpm build
         if: ${{ inputs.IS_PREVIEW == false && inputs.DEPLOY_TO_FLEEK }}
         env:
           REACT_APP_VIEW_MODE: "dr_center"

.github/workflows/fleek-deploy.yaml

@@ -32,11 +32,18 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v3
-      - name: Install Node.js
-        uses: actions/setup-node@v3
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
         with:
-          node-version: 24
+          version: 10
+      - name: Setup node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+          registry-url: "https://registry.npmjs.org"
+          cache: "pnpm"
+          cache-dependency-path: "./pnpm-lock.yaml"
       - name: Install Packages
-        run: npm ci
+        run: pnpm install --frozen-lockfile
       - name: Build & deploy sites
         run: npx fleek -- sites deploy --config ./.fleek_dr_center_testing.json

README.md

@@ -37,9 +37,9 @@ For ease of use, each environment has a DNS name that always points to the lates
 Installing the correct versions of node and npm can be done by installing [`volta`](https://volta.sh/). Volta will automatically get those versions from the package.json file. Once that's done, the required steps to develop and test the dApp interface locally are as follows:
 
 1. Clone the repository: i.e. Run `git clone git@github.com:bosonprotocol/interface.git`
-2. Navigate into the directory & install dependencies: i.e. Run `cd interface && npm ci`
+2. Navigate into the directory & install dependencies: i.e. Run `cd interface && pnpm install`
 3. Copy the `.env.example` file to `.env` and fill out any necessary values.
-4. Start the application: i.e. Run `npm run dev`
+4. Start the application: i.e. Run `pnpm dev`
 5. Navigate to `http://localhost:3000/` in a browser.