build: switch to pnpm

Author: mlaursen

.github/workflows/main.yml

@@ -11,25 +11,32 @@ on:
 
 jobs:
   validate:
-    name: Validate Using Node 16
+    name: Validate Using Latest Node LTS
     runs-on: ubuntu-latest
     container:
-      image: cypress/browsers:node16.14.0-chrome99-ff97
+      image: cypress/browsers:node18.6.0-chrome105-ff104
       options: --user 1001
     steps:
       - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 7
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
 
       - name: Run Lint and Typecheck
-        uses: cypress-io/github-action@v2
+        uses: cypress-io/github-action@v5
         with:
           runTests: false
 
-      - run: yarn
-      - run: yarn lint
-      - run: yarn typecheck
-      - run: yarn test --coverage
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm lint
+      - run: pnpm typecheck
+      - run: pnpm test --coverage
       - run: npx codecov -t ${{ secrets.CODECOV_TOKEN }}
-      - run: yarn build
+      - run: pnpm build
 
       - name: Save build folder
         uses: actions/upload-artifact@v3
@@ -42,12 +49,18 @@ jobs:
     name: Test Chrome
     runs-on: ubuntu-latest
     container:
-      image: cypress/browsers:node16.14.0-chrome99-ff97
+      image: cypress/browsers:node18.6.0-chrome105-ff104
       options: --user 1001
     needs: validate
     steps:
-      - name: Checkout
-        uses: actions/checkout@v3
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 7
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
 
       - name: Download the build folders
         uses: actions/download-artifact@v3
@@ -58,7 +71,7 @@ jobs:
       - name: "UI Tests - Chrome"
         uses: cypress-io/github-action@v4
         with:
-          start: yarn start
+          start: pnpm start
           wait-on: "http://localhost:3000"
           wait-on-timeout: 120
           browser: chrome
@@ -91,12 +104,18 @@ jobs:
     name: Test Firefox
     runs-on: ubuntu-latest
     container:
-      image: cypress/browsers:node16.14.0-chrome99-ff97
+      image: cypress/browsers:node18.6.0-chrome105-ff104
       options: --user 1001
     needs: validate
     steps:
-      - name: Checkout
-        uses: actions/checkout@v3
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2.2.4
+        with:
+          version: 7
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: pnpm
 
       - name: Download the build folders
         uses: actions/download-artifact@v3
@@ -107,7 +126,7 @@ jobs:
       - name: "UI Tests - Firefox"
         uses: cypress-io/github-action@v4
         with:
-          start: yarn start
+          start: pnpm start
           wait-on: "http://localhost:3000"
           wait-on-timeout: 120
           browser: firefox

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint-staged
+pnpm lint-staged

package.json

@@ -9,11 +9,11 @@
   "scripts": {
     "prepare": "husky install",
     "prebuild": "npm-run-all -p lint typecheck api-docs create-env",
-    "run-script": "ts-node -T -P tsconfig.node.json",
-    "create-env": "yarn run-script scripts/createEnv.ts",
+    "cli": "ts-node -P tsconfig.node.json --swc",
+    "create-env": "pnpm run cli scripts/createEnv.ts",
     "format": "prettier --write \"**/*.{ts,tsx,scss,js,jsx,md,yml,json}\"",
-    "api-docs": "yarn run-script scripts/typedoc.ts",
-    "release": "yarn run-script scripts/release.ts",
+    "api-docs": "pnpm run cli scripts/typedoc.ts",
+    "release": "pnpm run cli scripts/release.ts",
     "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
     "typecheck": "tsc -p tsconfig.check.json",
     "test": "jest",
@@ -22,6 +22,10 @@
     "start": "next start",
     "build": "next build"
   },
+  "engines": {
+    "pnpm": ">=7"
+  },
+  "engineStrict": true,
   "main": "./dist/index.cjs",
   "module": "./dist/index.ejs",
   "browser": "./dist/index.min.js",