chore: upgrade to vite 7 (#19352)

Nice little treat :)

site/package.json

@@ -41,7 +41,6 @@
 		"@emotion/css": "11.13.5",
 		"@emotion/react": "11.14.0",
 		"@emotion/styled": "11.14.0",
-		"@fastly/performance-observer-polyfill": "2.0.0",
 		"@fontsource-variable/inter": "5.1.1",
 		"@fontsource/fira-code": "5.2.5",
 		"@fontsource/ibm-plex-mono": "5.1.1",
@@ -158,7 +157,7 @@
 		"@types/ssh2": "1.15.1",
 		"@types/ua-parser-js": "0.7.36",
 		"@types/uuid": "9.0.2",
-		"@vitejs/plugin-react": "4.5.0",
+		"@vitejs/plugin-react": "5.0.2",
 		"autoprefixer": "10.4.20",
 		"chromatic": "11.25.2",
 		"dpdm": "3.14.0",
@@ -182,8 +181,8 @@
 		"tailwindcss": "3.4.17",
 		"ts-proto": "1.164.0",
 		"typescript": "5.6.3",
-		"vite": "6.3.5",
-		"vite-plugin-checker": "0.9.3"
+		"vite": "7.1.4",
+		"vite-plugin-checker": "0.10.3"
 	},
 	"browserslist": [
 		"chrome 110",
@@ -209,7 +208,15 @@
 			"brace-expansion": "1.1.12"
 		},
 		"ignoredBuiltDependencies": [
+			"cpu-features",
+			"msw",
+			"protobufjs",
 			"storybook-addon-remix-react-router"
+		],
+		"onlyBuiltDependencies": [
+			"@swc/core",
+			"esbuild",
+			"ssh2"
 		]
 	}
 }

site/src/@types/react-query-devtools.d.ts

@@ -0,0 +1,9 @@
+// extending the global window interface so we can conditionally
+// show our react query devtools
+declare global {
+	interface Window {
+		toggleDevtools: () => void;
+	}
+}
+
+export {};

site/src/App.tsx

@@ -29,14 +29,6 @@ interface AppProvidersProps {
 	queryClient?: QueryClient;
 }
 
-// extending the global window interface so we can conditionally
-// show our react query devtools
-declare global {
-	interface Window {
-		toggleDevtools: () => void;
-	}
-}
-
 export const AppProviders: FC<AppProvidersProps> = ({
 	children,
 	queryClient = defaultQueryClient,
@@ -45,20 +37,16 @@ export const AppProviders: FC<AppProvidersProps> = ({
 	const [showDevtools, setShowDevtools] = useState(false);
 
 	useEffect(() => {
-		// Storing key in variable to avoid accidental typos; we're working with the
-		// window object, so there's basically zero type-checking available
-		const toggleKey = "toggleDevtools";
-
 		// Don't want to throw away the previous devtools value if some other
 		// extension added something already
-		const devtoolsBeforeSync = window[toggleKey];
-		window[toggleKey] = () => {
+		const devtoolsBeforeSync = window.toggleDevtools;
+		window.toggleDevtools = () => {
 			devtoolsBeforeSync?.();
 			setShowDevtools((current) => !current);
 		};
 
 		return () => {
-			window[toggleKey] = devtoolsBeforeSync;
+			window.toggleDevtools = devtoolsBeforeSync;
 		};
 	}, []);
 

site/src/contexts/useProxyLatency.ts

@@ -1,4 +1,3 @@
-import PerformanceObserver from "@fastly/performance-observer-polyfill";
 import { API } from "api/api";
 import type { Region } from "api/typesGenerated";
 import { useEffect, useReducer, useState } from "react";