feat: setup pnpm, vite-plus, and OIDC publishing (#565)

Author: pradel

.github/workflows/main.yml

@@ -11,23 +11,25 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - name: Begin CI...
+      - name: Checkout code
         uses: actions/checkout@v6
+        with:
+          persist-credentials: false
 
-      - name: Use Node 24
-        uses: actions/setup-node@v6
+      - name: vite-plus setup
+        uses: voidzero-dev/setup-vp@v1
         with:
-          node-version: 24.x
-          cache: 'yarn'
+          node-version: 24
+          cache: true
 
-      - name: Install dependencies
-        run: yarn install --immutable
+      - name: Build
+        run: vp run -r build
 
-      - name: Typecheck
-        run: yarn workspace react-responsive-modal typecheck
+      - name: Check formatting, linting and type checks
+        run: vp check
 
       - name: Test
-        run: yarn workspace react-responsive-modal test --coverage
+        run: vp run -r test --coverage --run
         env:
           CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 
@@ -36,20 +38,12 @@ jobs:
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
 
-      - name: Build
-        run: yarn workspace react-responsive-modal build
-
-      - name: Build docs
-        run: yarn workspace website build
-
       - name: Cypress run
         uses: cypress-io/github-action@v7
         with:
-          # Dependencies already installed before
           install: false
-          # Use monorepo
-          project: ./react-responsive-modal
-          start: yarn workspace website start -p 3000
+          working-directory: ./react-responsive-modal
+          start: vp run -F website start
 
       - name: Size limit
-        run: yarn workspace react-responsive-modal size
+        run: vp run -F react-responsive-modal size

.github/workflows/release-please.yml

@@ -5,38 +5,48 @@ on:
     branches:
       - master
 
-permissions:
-  contents: write
-  pull-requests: write
-
 jobs:
   release-please:
+    name: Release
     runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write # Required for OIDC
+      pull-requests: write
+      issues: write
     steps:
-      - uses: googleapis/release-please-action@v4
+      - name: Release Please
+        uses: googleapis/release-please-action@v4
         id: release
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
 
-      - uses: actions/checkout@v6
-        if: ${{ steps.release.outputs.release_created }}
+      - name: Checkout code
+        uses: actions/checkout@v6
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v6
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}
 
       - name: Use Node 24
         uses: actions/setup-node@v6
         with:
           node-version: 24.x
-        if: ${{ steps.release.outputs.release_created }}
+          cache: 'pnpm'
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}
 
       - name: Install dependencies
-        run: yarn install --immutable
-        if: ${{ steps.release.outputs.release_created }}
+        run: pnpm install --frozen-lockfile
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}
 
       - name: Build react-responsive-modal
-        run: yarn workspace react-responsive-modal build
-        if: ${{ steps.release.outputs.release_created }}
+        run: pnpm vp run -F react-responsive-modal build
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}
 
       - name: Publish react-responsive-modal npm package
-        run: yarn workspace react-responsive-modal npm publish
+        run: pnpm --filter react-responsive-modal publish --no-git-checks
         env:
-          NPM_TOKEN: ${{secrets.NPM_TOKEN}}
-        if: ${{ steps.release.outputs.release_created }}
+          # Use OIDC for npm authentication instead of NPM_TOKEN
+          NPM_TOKEN: '' # https://github.com/changesets/changesets/issues/1152#issuecomment-3190884868
+        if: ${{ fromJSON(steps.release.outputs.releases_created) }}

.vite-hooks/pre-commit

@@ -0,0 +1 @@
+vp staged

.yarn/releases/yarn-4.13.0.cjs

@@ -1,9 +1,6 @@
-
 [build]
-  publish = "website/out"
-  command = "yarn workspace react-responsive-modal build && yarn workspace website build && yarn workspace website export"
+publish = "website/out"
+command = "pnpm vp run -r build && pnpm --filter website export"
 
 [build.environment]
-  NODE_VERSION = "12"
-  YARN_VERSION = "1.22.5"
-  YARN_FLAGS = "--immutable"
+NODE_VERSION = "24"

.yarnrc.yml

@@ -1,28 +1,15 @@
 {
   "private": true,
   "scripts": {
-    "prettier": "prettier --write \"**/*.{js,ts,tsx,css,scss,json,md,mdx,yml}\""
-  },
-  "workspaces": [
-    "react-responsive-modal",
-    "website"
-  ],
-  "prettier": {
-    "singleQuote": true
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "*.{js,ts,tsx,css,scss,json,md,mdx,yml}": "prettier --write"
+    "ready": "vp fmt && vp run -r build && vp lint && vp run -r test",
+    "build": "vp run -r build",
+    "test": "vp run -r test",
+    "prepare": "vp config",
+    "format": "vp fmt"
   },
   "devDependencies": {
-    "husky": "4.3.8",
-    "lint-staged": "10.5.4",
-    "prettier": "3.8.1"
+    "@types/node": "^25.5.0",
+    "vite-plus": "0.1.24"
   },
-  "version": "6.4.2",
-  "packageManager": "yarn@4.13.0"
+  "packageManager": "pnpm@11.6.0"
 }