Switch project tooling from Bun to pnpm

Author: jpenilla

.github/workflows/build-preview.yml

@@ -15,11 +15,15 @@ jobs:
                   fetch-depth: 0
                   ref: ${{ github.event.pull_request.head.ref }}
                   repository: ${{ github.event.pull_request.head.repo.full_name }}
-            - uses: oven-sh/setup-bun@v2
-            - run: bun install
-            - run: cd web && bun run build
+            - uses: pnpm/action-setup@v6
+            - uses: actions/setup-node@v5
+              with:
+                  node-version: "24"
+                  cache: "pnpm"
+            - run: pnpm install
+            - run: pnpm --filter=web run build
             - name: "upload build artifact"
-              uses: "actions/upload-artifact@v6"
+              uses: "actions/upload-artifact@v7"
               with:
                   name: "preview-build"
                   path: |

.github/workflows/deploy.yml

@@ -11,20 +11,25 @@ jobs:
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v6
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v2
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v6
+      - name: Setup Node
+        uses: actions/setup-node@v5
+        with:
+          node-version: "24"
+          cache: "pnpm"
       - name: Install frontend dependencies
-        run: bun install
+        run: pnpm install
       - name: Build frontend
-        run: cd web && bun run build
+        run: pnpm --filter=web run build
         env:
-            GITHUB_CLIENT_SECRET: ${{ secrets.VITE_GITHUB_CLIENT_SECRET }}
+          GITHUB_CLIENT_SECRET: ${{ secrets.VITE_GITHUB_CLIENT_SECRET }}
       - name: "Deploy to Cloudflare Pages"
         uses: "AdrianGonz97/refined-cf-pages-action@v1"
         with:
-            apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
-            accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
-            githubToken: ${{ secrets.GITHUB_TOKEN }}
-            projectName: "diffs"
-            directory: "web/.svelte-kit/cloudflare"
-            deploymentName: Production
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          githubToken: ${{ secrets.GITHUB_TOKEN }}
+          projectName: "diffs"
+          directory: "web/.svelte-kit/cloudflare"
+          deploymentName: Production

.github/workflows/test.yml

@@ -13,9 +13,13 @@ jobs:
     steps:
       - name: Checkout Repository
         uses: actions/checkout@v6
-      - uses: oven-sh/setup-bun@v2
-      - run: bun install
-      - run: cd web && bun run lint
-      - run: cd web && bun run check
-      - run: cd web && bun run test
-      - run: cd web-extension && bun run lint
+      - uses: pnpm/action-setup@v6
+      - uses: actions/setup-node@v5
+        with:
+          node-version: "24"
+          cache: "pnpm"
+      - run: pnpm install
+      - run: pnpm --filter=web run lint
+      - run: pnpm --filter=web run check
+      - run: pnpm --filter=web run test
+      - run: pnpm --filter=web-extension run lint

README.md

@@ -21,13 +21,13 @@ Web extension that streamlines opening diffs in the viewer.
 
 ### Setup
 
-- Install [Bun](https://bun.sh/) and execute `bun install` in `/web` to install the required dependencies for the frontend.
+- Install [pnpm](https://pnpm.io/) and execute `pnpm install` to install the required dependencies.
 - Install a JVM 21 or newer for the Gradle runtime (prefer a JDK to avoid extra downloads for a compiler).
 
 ### Testing
 
-- The frontend can be tested with `bun run dev` in `/web`.
+- The frontend can be tested with `pnpm run dev` in `/web`.
 
 ### Code Style
 
-- The frontend uses ESLint and Prettier for code style. Run `bun run format` to reformat and `bun run lint` to check style.
+- The frontend uses ESLint and Prettier for code style. Run `pnpm run format` to reformat and `pnpm run lint` to check style.

bun.lock

@@ -1,7 +1,8 @@
 {
   "name": "diff-viewer",
   "private": true,
-  "workspaces": [
-    "web*"
-  ]
+  "packageManager": "pnpm@10.33.0",
+  "engines": {
+    "node": ">=24.0.0"
+  }
 }