diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 68e06a1..4f6d187 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -12,6 +12,7 @@ "@stellar/freighter-api": "^2.0.0", "@stellar/stellar-sdk": "^12.0.0", "@tanstack/react-query": "^5.0.0", + "@vercel/speed-insights": "^1.3.1", "lucide-react": "^0.263.1", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -1512,6 +1513,40 @@ "@types/react": "^18.0.0" } }, + "node_modules/@vercel/speed-insights": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@vercel/speed-insights/-/speed-insights-1.3.1.tgz", + "integrity": "sha512-PbEr7FrMkUrGYvlcLHGkXdCkxnylCWePx7lPxxq36DNdfo9mcUjLOmqOyPDHAOgnfqgGGdmE3XI9L/4+5fr+vQ==", + "license": "Apache-2.0", + "peerDependencies": { + "@sveltejs/kit": "^1 || ^2", + "next": ">= 13", + "react": "^18 || ^19 || ^19.0.0-rc", + "svelte": ">= 4", + "vue": "^3", + "vue-router": "^4" + }, + "peerDependenciesMeta": { + "@sveltejs/kit": { + "optional": true + }, + "next": { + "optional": true + }, + "react": { + "optional": true + }, + "svelte": { + "optional": true + }, + "vue": { + "optional": true + }, + "vue-router": { + "optional": true + } + } + }, "node_modules/@vitejs/plugin-react": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz", diff --git a/frontend/package.json b/frontend/package.json index 5c0b3af..21017ef 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -15,6 +15,7 @@ "@stellar/freighter-api": "^2.0.0", "@stellar/stellar-sdk": "^12.0.0", "@tanstack/react-query": "^5.0.0", + "@vercel/speed-insights": "^1.3.1", "lucide-react": "^0.263.1", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 172fced..118a0b5 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,6 +1,7 @@ import { BrowserRouter, Routes, Route, Navigate, useParams } from 'react-router-dom'; import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { Toaster } from 'react-hot-toast'; +import { SpeedInsights } from '@vercel/speed-insights/react'; import Layout from './components/Layout'; import Dashboard from './pages/Dashboard'; import Clients from './pages/Clients'; @@ -84,6 +85,7 @@ export default function App() { } /> + ); }