feat: migrate yarn v1 to pnpm v9

.github/workflows/push.yml

@@ -22,6 +22,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: "pnpm"
       - name: Install dependencies
         run: yarn && npx playwright install --with-deps
       - name: Lint

.github/workflows/release.yml

@@ -21,6 +21,7 @@ jobs:
       - uses: actions/setup-node@v4
         with:
           node-version: 20
+          cache: "pnpm"
       - run: npm install -g yarn
       - name: Release latest Ably UI version
         env:

.gitignore

@@ -1,7 +1,6 @@
 .bundle
 .DS_Store
 node_modules
-yarn-error.log
 /dist
 /preview
 /core
@@ -10,4 +9,4 @@ yarn-error.log
 types
 index.d.ts
 computed-icons.ts
-computed-colors.json
+computed-colors.json

.tool-versions

@@ -1,2 +1,2 @@
 nodejs 20.13.1
-yarn 1.22.22
+pnpm 9.14.2

package.json

@@ -2,6 +2,7 @@
   "name": "@ably/ui",
   "version": "15.0.1",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
+  "packageManager": "[email protected]",
   "repository": {
     "type": "git",
     "url": "git+ssh://[email protected]/ably/ably-ui.git"
@@ -33,6 +34,7 @@
     "@types/dompurify": "^3.0.5",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash.throttle": "^4.1.9",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.0",
     "@types/svg-sprite": "^0.0.39",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
@@ -63,19 +65,19 @@
     "build:tsc": "tsc && node tsc.js && rm -r types",
     "build:cleanup": "mv dist/* . && rm -r dist",
     "build:sprites": "ts-node scripts/generate-sprites.ts",
-    "build": "yarn build:prebuild && yarn build:sprites && yarn build:swc && yarn build:tsc && yarn build:cleanup",
-    "watch": "yarn build:swc -w",
+    "build": "pnpm build:prebuild && pnpm build:sprites && pnpm build:swc && pnpm build:tsc && pnpm build:cleanup",
+    "watch": "pnpm build:swc -w",
     "format:check": "prettier -c *.{js,ts} src/**/*.{js,ts,tsx}",
     "format:write": "prettier -w *.{js,ts} src/**/*.{js,ts,tsx}",
     "lint": "eslint *.{js,ts} src/**/*.{js,ts,tsx}",
     "update:all": "./scripts/update-dependents.sh",
     "pre-release": "./scripts/pre-release.sh",
     "release": "./scripts/release.sh",
     "start": "vite --port 5000",
-    "storybook": "yarn build && storybook dev -p 6006",
-    "build-storybook": "yarn build && storybook build --quiet -o preview",
-    "test": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook --url http://127.0.0.1:6007\"",
-    "test:update-snapshots": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && yarn http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && yarn test-storybook -u --url http://127.0.0.1:6007\""
+    "storybook": "pnpm build && storybook dev -p 6006",
+    "build-storybook": "pnpm build && storybook build --quiet -o preview",
+    "test": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm build-storybook && pnpm http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && pnpm test-storybook --url http://127.0.0.1:6007\"",
+    "test:update-snapshots": "npx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"pnpm build-storybook && pnpm http-server preview --port 6007 --silent\" \"wait-on tcp:6007 && pnpm test-storybook -u --url http://127.0.0.1:6007\""
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.1",