diff --git a/package-lock.json b/package-lock.json index 15bf6fc72697..20cd7033c194 100644 --- a/package-lock.json +++ b/package-lock.json @@ -32,6 +32,7 @@ "@primer/react": "^38.13.0", "@primer/react-brand": "^0.70.0", "@vercel/analytics": "^2.0.1", + "@vercel/speed-insights": "^2.0.0", "accept-language-parser": "^1.5.0", "ajv": "^8.18.0", "ajv-errors": "^3.0.0", @@ -5255,6 +5256,44 @@ } } }, + "node_modules/@vercel/speed-insights": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-2.0.0.tgz", + "integrity": "sha512-jwkNcrTeafWxjmWq4AHBaptSqZiJkYU5adLC9QBSqeim0GcqDMgN5Ievh8OG1rJ6W3A4l1oiP7qr9CWxGuzu3w==", + "license": "Apache-2.0", + "peerDependencies": { + "@sveltejs/kit": "^1 || ^2", + "next": ">= 13", + "nuxt": ">= 3", + "react": "^18 || ^19 || ^19.0.0-rc", + "svelte": ">= 4", + "vue": "^3", + "vue-router": "^4" + }, + "peerDependenciesMeta": { + "@sveltejs/kit": { + "optional": true + }, + "next": { + "optional": true + }, + "nuxt": { + "optional": true + }, + "react": { + "optional": true + }, + "svelte": { + "optional": true + }, + "vue": { + "optional": true + }, + "vue-router": { + "optional": true + } + } + }, "node_modules/@vitest/expect": { "version": "4.1.0", "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-4.1.0.tgz", diff --git a/package.json b/package.json index ab76056b3d52..58efedba9565 100644 --- a/package.json +++ b/package.json @@ -193,6 +193,7 @@ "@primer/react": "^38.13.0", "@primer/react-brand": "^0.70.0", "@vercel/analytics": "^2.0.1", + "@vercel/speed-insights": "^2.0.0", "accept-language-parser": "^1.5.0", "ajv": "^8.18.0", "ajv-errors": "^3.0.0", diff --git a/src/frame/pages/app.tsx b/src/frame/pages/app.tsx index 799262d74e0f..cbbe920aa548 100644 --- a/src/frame/pages/app.tsx +++ b/src/frame/pages/app.tsx @@ -6,6 +6,7 @@ import { ThemeProvider } from '@primer/react' import { ThemeProvider as BrandThemeProvider } from '@primer/react-brand' import { useRouter } from 'next/router' import { Analytics } from '@vercel/analytics/next' +import { SpeedInsights } from '@vercel/speed-insights/next' import { initializeEvents } from '@/events/components/events' import { @@ -131,6 +132,7 @@ const MyApp = ({ Component, pageProps, languagesContext, stagingName }: MyAppPro + ) }