chore: switch from yarn to pnpm (#8822)

site/.eslintignore

@@ -78,3 +78,5 @@ stats/
 
 # Generated files shouldn't be formatted.
 e2e/provisionerGenerated.ts
+
+**/pnpm-lock.yaml

site/.prettierignore

@@ -78,3 +78,5 @@ stats/
 
 # Generated files shouldn't be formatted.
 e2e/provisionerGenerated.ts
+
+**/pnpm-lock.yaml

site/.yarnrc

@@ -1 +0,0 @@
-network-timeout 300000

site/package.json

@@ -5,17 +5,17 @@
   "private": true,
   "license": "AGPL-3.0",
   "scripts": {
-    "postinstall": "yarn typegen",
-    "build": "NODE_ENV=production yarn vite build",
-    "check:all": "yarn format:check && yarn lint && yarn test",
+    "postinstall": "pnpm typegen",
+    "build": "NODE_ENV=production pnpm vite build",
+    "check:all": "pnpm format:check && pnpm lint && pnpm test",
     "chromatic": "chromatic",
     "dev": "vite",
-    "format:check": "prettier --cache --check '../**/*.{css,html,js,json,jsx,md,ts,tsx,yaml,yml}'",
-    "format:types": "prettier --cache --write 'src/api/typesGenerated.ts'",
-    "format:write": "prettier --cache --write '../**/*.{css,html,js,json,jsx,md,ts,tsx,yaml,yml}'",
-    "format:write:only": "prettier --write",
-    "lint": "yarn typegen && yarn run lint:types && jest --selectProjects lint",
-    "lint:fix": "FIX=true yarn lint",
+    "format:check": "pnpm exec prettier --cache --check '../**/*.{css,html,js,json,jsx,md,ts,tsx,yaml,yml}'",
+    "format:types": "pnpm exec prettier --cache --write './src/api/typesGenerated.ts'",
+    "format:write": "pnpm exec prettier --cache --write '../**/*.{css,html,js,json,jsx,md,ts,tsx,yaml,yml}'",
+    "format:write:only": "pnpm exec prettier --write",
+    "lint": "pnpm typegen && pnpm run lint:types && pnpm exec jest --selectProjects lint",
+    "lint:fix": "FIX=true pnpm lint",
     "lint:types": "tsc --noEmit",
     "playwright:install": "playwright install --with-deps chromium",
     "playwright:test": "playwright test --config=e2e/playwright.config.ts",
@@ -27,7 +27,7 @@
     "test:coverage": "jest --selectProjects test --collectCoverage",
     "test:watch": "jest --selectProjects test --watch",
     "typegen": "xstate typegen 'src/**/*.ts'",
-    "stats": "STATS=true yarn build && npx http-server ./stats -p 8081 -c-1",
+    "stats": "STATS=true pnpm build && npx http-server ./stats -p 8081 -c-1",
     "deadcode": "ts-prune | grep -v \".stories\\|.typegen\\|.config\\|e2e\\|__mocks__\\|used in module\\|testHelpers\\|typesGenerated\" || echo \"No deadcode found.\""
   },
   "dependencies": {
@@ -43,9 +43,10 @@
     "@mui/lab": "5.0.0-alpha.129",
     "@mui/material": "5.14.0",
     "@mui/styles": "5.14.0",
+    "@mui/system": "5.14.0",
     "@tanstack/react-query": "4.32.0",
-    "@testing-library/react-hooks": "8.0.1",
     "@types/color-convert": "2.0.0",
+    "@types/lodash": "4.14.196",
     "@types/react-color": "3.0.6",
     "@types/semver": "7.5.0",
     "@vitejs/plugin-react": "4.0.1",
@@ -69,8 +70,6 @@
     "front-matter": "4.0.2",
     "i18next": "22.5.0",
     "jest-environment-jsdom": "29.5.0",
-    "jest-location-mock": "1.0.9",
-    "just-debounce-it": "3.2.0",
     "lodash": "4.17.21",
     "monaco-editor": "0.40.0",
     "pretty-bytes": "6.1.0",
@@ -112,13 +111,16 @@
     "@storybook/addon-essentials": "7.2.0",
     "@storybook/addon-links": "7.2.0",
     "@storybook/addon-mdx-gfm": "7.2.0",
+    "@storybook/react": "7.2.0",
     "@storybook/react-vite": "7.2.0",
     "@swc/core": "1.3.38",
     "@swc/jest": "0.2.24",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "14.0.0",
+    "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.4.3",
     "@types/chroma-js": "2.4.0",
+    "@types/express": "4.17.17",
     "@types/jest": "29.5.2",
     "@types/node": "18.17.0",
     "@types/react": "18.2.6",
@@ -128,6 +130,7 @@
     "@types/react-virtualized-auto-sizer": "1.0.1",
     "@types/react-window": "1.8.5",
     "@types/ssh2": "1.11.13",
+    "@types/testing-library__jest-dom": "5.14.9",
     "@types/ua-parser-js": "0.7.36",
     "@types/uuid": "9.0.2",
     "@typescript-eslint/eslint-plugin": "6.2.1",
@@ -146,19 +149,25 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.12",
     "eslint-plugin-unicorn": "48.0.0",
-    "jest": "29.5.0",
+    "express": "4.18.2",
+    "jest": "29.6.2",
     "jest-canvas-mock": "2.4.0",
     "jest-fetch-mock": "3.0.3",
+    "jest-location-mock": "1.0.9",
     "jest-runner-eslint": "2.1.0",
     "jest-websocket-mock": "2.4.0",
     "jest_workaround": "0.1.14",
+    "just-debounce-it": "3.2.0",
     "msw": "1.2.2",
     "prettier": "3.0.0",
+    "protobufjs": "7.2.4",
     "resize-observer": "1.0.4",
+    "rxjs": "7.8.1",
     "ssh2": "1.14.0",
     "storybook": "7.2.0",
     "storybook-addon-react-router-v6": "1.0.2",
     "storybook-react-context": "0.6.0",
+    "ts-node": "10.9.1",
     "ts-proto": "1.156.0",
     "typescript": "5.1.6",
     "vite-plugin-checker": "0.6.0"

site/src/components/RequireAuth/RequireAuth.tsx

@@ -1,7 +1,6 @@
 import { useAuth } from "components/AuthProvider/AuthProvider"
 import { FC } from "react"
-import { Navigate, useLocation } from "react-router"
-import { Outlet } from "react-router-dom"
+import { Outlet, Navigate, useLocation } from "react-router-dom"
 import { embedRedirect } from "../../utils/redirect"
 import { FullScreenLoader } from "../Loader/FullScreenLoader"
 import { DashboardProvider } from "components/Dashboard/DashboardProvider"

site/src/components/RequirePermission/RequirePermission.tsx

@@ -1,5 +1,5 @@
 import { FC } from "react"
-import { Navigate } from "react-router"
+import { Navigate } from "react-router-dom"
 
 export interface RequirePermissionProps {
   children: JSX.Element

site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx

@@ -2,7 +2,7 @@ import { useMachine } from "@xstate/react"
 import { useOrganizationId } from "hooks/useOrganizationId"
 import { FC } from "react"
 import { Helmet } from "react-helmet-async"
-import { useNavigate } from "react-router"
+import { useNavigate } from "react-router-dom"
 import { createUserMachine } from "xServices/users/createUserXService"
 import * as TypesGen from "../../../api/typesGenerated"
 import { CreateUserForm } from "../../../components/CreateUserForm/CreateUserForm"

site/src/pages/UsersPage/UsersPage.tsx

@@ -9,8 +9,7 @@ import { useMe } from "hooks/useMe"
 import { usePermissions } from "hooks/usePermissions"
 import { FC, ReactNode, useEffect } from "react"
 import { Helmet } from "react-helmet-async"
-import { useNavigate } from "react-router"
-import { useSearchParams } from "react-router-dom"
+import { useSearchParams, useNavigate } from "react-router-dom"
 import { siteRolesMachine } from "xServices/roles/siteRolesXService"
 import { usersMachine } from "xServices/users/usersXService"
 import { ConfirmDialog } from "../../components/Dialogs/ConfirmDialog/ConfirmDialog"

site/tsconfig.json

@@ -17,5 +17,6 @@
     "baseUrl": "./src"
   },
   "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", "_jest"]
+  "exclude": ["node_modules", "_jest"],
+  "types": ["node", "jest", "@testing-library/jest-dom"]
 }