From f034d181d2052301caf026e0cd0341714ec889fd Mon Sep 17 00:00:00 2001
From: Mix <32300164+mnixry@users.noreply.github.com>
Date: Tue, 6 Feb 2024 19:27:32 +0800
Subject: [PATCH] Add @vercel/speed-insights package and component
---
frontend/package.json | 1 +
frontend/src/App.tsx | 2 ++
pnpm-lock.yaml | 30 ++++++++++++++++++++++++++++++
3 files changed, 33 insertions(+)
diff --git a/frontend/package.json b/frontend/package.json
index bce3ec6..a525c31 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,6 +20,7 @@
"@uiw/codemirror-extensions-langs": "^4.21.21",
"@uiw/codemirror-theme-github": "^4.21.21",
"@uiw/react-codemirror": "^4.21.21",
+ "@vercel/speed-insights": "^1.0.9",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"shlex": "^2.1.2"
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 4dc903f..cdf995b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,5 +1,6 @@
import { MantineProvider } from "@mantine/core";
import "@mantine/core/styles.css";
+import { SpeedInsights } from "@vercel/speed-insights/react";
import IndexPage from "./views/IndexView";
@@ -9,6 +10,7 @@ function App() {
+ {import.meta.env.VERCEL && }
);
}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 93de6a2..598ca05 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -55,6 +55,9 @@ importers:
'@uiw/react-codemirror':
specifier: ^4.21.21
version: 4.21.21(@babel/runtime@7.23.9)(@codemirror/autocomplete@6.12.0)(@codemirror/language@6.10.1)(@codemirror/lint@6.5.0)(@codemirror/search@6.5.5)(@codemirror/state@6.4.0)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.23.1)(codemirror@6.0.1)(react-dom@18.2.0)(react@18.2.0)
+ '@vercel/speed-insights':
+ specifier: ^1.0.9
+ version: 1.0.9(react@18.2.0)
react:
specifier: ^18.2.0
version: 18.2.0
@@ -1818,6 +1821,33 @@ packages:
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
dev: true
+ /@vercel/speed-insights@1.0.9(react@18.2.0):
+ resolution: {integrity: sha512-f+XFP0O+aZ4Olj9h+BitkB1b4NJQaxtyCb69wWuDxytJHY6Pa4QtZPdBUftHOcajUCHRVeq062fk3MKXKtjNVQ==}
+ requiresBuild: true
+ peerDependencies:
+ '@sveltejs/kit': ^1 || ^2
+ next: '>= 13'
+ react: ^18 || ^19
+ 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
+ dependencies:
+ react: 18.2.0
+ dev: false
+
/@vitejs/plugin-react@4.2.1(vite@5.0.12):
resolution: {integrity: sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==}
engines: {node: ^14.18.0 || >=16.0.0}