From 798f216cfcc25be88fd5812e270f90ac8b6cbd1a Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Fri, 8 Dec 2023 18:47:51 +0300
Subject: [PATCH] feat: add vercel injectSpeedInsights

---
 apps/dashboard/package.json              | 1 +
 apps/dashboard/src/routes/+layout.svelte | 4 +++-
 pnpm-lock.yaml                           | 8 ++++++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/dashboard/package.json b/apps/dashboard/package.json
index 502851a0..ec555cca 100644
--- a/apps/dashboard/package.json
+++ b/apps/dashboard/package.json
@@ -27,6 +27,7 @@
     "@tailwindcss/forms": "^0.5.4",
     "@tinymce/tinymce-svelte": "^1.0.1",
     "@types/pluralize": "0.0.30",
+    "@vercel/speed-insights": "^1.0.1",
     "ai": "^2.1.31",
     "axios": "^1.5.1",
     "body-parser": "^1.20.2",
diff --git a/apps/dashboard/src/routes/+layout.svelte b/apps/dashboard/src/routes/+layout.svelte
index 1b7e74aa..1642e32d 100644
--- a/apps/dashboard/src/routes/+layout.svelte
+++ b/apps/dashboard/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { onMount } from 'svelte';
-  import { PUBLIC_SUPABASE_PROJECT_REF } from '$env/static/public';
+  import { injectSpeedInsights } from '@vercel/speed-insights/sveltekit';
   import { fly } from 'svelte/transition';
   import { derived } from 'svelte/store';
   import { goto } from '$app/navigation';
@@ -216,6 +216,8 @@
 
     setupAnalytics();
 
+    injectSpeedInsights();
+
     handleResize();
 
     if (!isSupabaseTokenInLocalStorage() && !isPublicRoute($page.url.pathname)) {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 29e828f6..c4521cf9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -114,6 +114,9 @@ importers:
       '@types/pluralize':
         specifier: 0.0.30
         version: 0.0.30
+      '@vercel/speed-insights':
+        specifier: ^1.0.1
+        version: 1.0.1
       ai:
         specifier: ^2.1.31
         version: 2.1.31(react@18.2.0)(solid-js@1.8.6)(svelte@4.1.2)(vue@3.3.8)
@@ -4028,6 +4031,11 @@ packages:
       - supports-color
     dev: false
 
+  /@vercel/speed-insights@1.0.1:
+    resolution: {integrity: sha512-cm8KTTsDgS1AbWsgIEZuMoyPUjclzeqJihyLp0tnA21B/x9iTE8hu2S5zM+/DBzihuHxWL1dx9pCWk22ctMFWQ==}
+    requiresBuild: true
+    dev: false
+
   /@vercel/style-guide@5.1.0(eslint@8.54.0)(prettier@3.1.0)(typescript@5.3.2):
     resolution: {integrity: sha512-L9lWYePIycm7vIOjDLj+mmMdmmPkW3/brHjgq+nJdvMOrL7Hdk/19w8X583HYSk0vWsq494o5Qkh6x5+uW7ljg==}
     engines: {node: '>=16'}