From 2f7931a450a84b1781b479dbe999badfd90585e7 Mon Sep 17 00:00:00 2001 From: martines3000 Date: Wed, 24 Apr 2024 16:43:01 +0200 Subject: [PATCH] feat: add speed insights to dapp --- packages/dapp/package.json | 1 + packages/dapp/src/app/[locale]/layout.tsx | 2 + pnpm-lock.yaml | 45 +++++++++++++++++++---- 3 files changed, 41 insertions(+), 7 deletions(-) diff --git a/packages/dapp/package.json b/packages/dapp/package.json index ad1f42f92..6c7766382 100644 --- a/packages/dapp/package.json +++ b/packages/dapp/package.json @@ -50,6 +50,7 @@ "@veramo/utils": "6.0.0", "@vercel/analytics": "^1.2.2", "@vercel/og": "^0.6.2", + "@vercel/speed-insights": "^1.0.10", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", "date-fns": "^3.3.1", diff --git a/packages/dapp/src/app/[locale]/layout.tsx b/packages/dapp/src/app/[locale]/layout.tsx index ff8bcf933..b5db742c3 100644 --- a/packages/dapp/src/app/[locale]/layout.tsx +++ b/packages/dapp/src/app/[locale]/layout.tsx @@ -4,6 +4,7 @@ import clsx from 'clsx'; import type { Metadata } from 'next'; import { NextIntlClientProvider, useMessages } from 'next-intl'; import { Cabin, JetBrains_Mono, Ubuntu } from 'next/font/google'; +import { SpeedInsights } from '@vercel/speed-insights/next'; import AnalyticsWrapper from '@/components/AnalyticsWrapper'; import ThemeProvider from '@/components/ThemeProvider'; @@ -106,6 +107,7 @@ export default function LocaleLayout({ {children} + ); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3f60480bc..5a0897fea 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -534,6 +534,9 @@ importers: '@vercel/og': specifier: ^0.6.2 version: 0.6.2 + '@vercel/speed-insights': + specifier: ^1.0.10 + version: 1.0.10(next@14.1.3)(react@18.2.0) class-variance-authority: specifier: ^0.7.0 version: 0.7.0 @@ -14766,6 +14769,7 @@ packages: - encoding - supports-color - utf-8-validate + optional: true /@react-native/community-cli-plugin@0.74.81(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(encoding@0.1.13): resolution: {integrity: sha512-ezPOwPxbDgrBZLJJMcXryXJXjv3VWt+Mt4jRZiEtvy6pAoi2owSH0b178T5cEZaWsxQN0BbyJ7F/xJsNiF4z0Q==} @@ -14790,7 +14794,6 @@ packages: - encoding - supports-color - utf-8-validate - dev: false /@react-native/debugger-frontend@0.73.3: resolution: {integrity: sha512-RgEKnWuoo54dh7gQhV7kvzKhXZEhpF9LlMdZolyhGxHsBqZ2gXdibfDlfcARFFifPIiaZ3lXuOVVa4ei+uPgTw==} @@ -14903,7 +14906,6 @@ packages: nullthrows: 1.1.1 react: 18.2.0 react-native: 0.74.0(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(@types/react@18.2.64)(encoding@0.1.13)(react@18.2.0) - dev: false /@react-native/virtualized-lists@0.74.81(react-native@0.74.0)(react@18.2.0): resolution: {integrity: sha512-5jF9S10Ug2Wl+L/0+O8WmbC726sMMX8jk/1JrvDDK+0DRLMobfjLc1L26fONlVBF7lE5ctqvKZ9TlKdhPTNOZg==} @@ -14920,6 +14922,7 @@ packages: nullthrows: 1.1.1 react: 18.2.0 react-native: 0.74.0(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(react@18.2.0) + optional: true /@react-oauth/google@0.12.1(react-dom@18.2.0)(react@18.2.0): resolution: {integrity: sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==} @@ -17744,6 +17747,34 @@ packages: yoga-wasm-web: 0.3.3 dev: false + /@vercel/speed-insights@1.0.10(next@14.1.3)(react@18.2.0): + resolution: {integrity: sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==} + 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: + next: 14.1.3(@babel/core@7.24.4)(react-dom@18.2.0)(react@18.2.0) + react: 18.2.0 + dev: false + /@vitest/coverage-v8@1.5.1(vitest@1.5.1): resolution: {integrity: sha512-Zx+dYEDcZg+44ksjIWvWosIGlPLJB1PPpN3O8+Xrh/1qa7WSFA6Y8H7lsZJTYrxu4G2unk9tvP5TgjIGDliF1w==} peerDependencies: @@ -27508,6 +27539,7 @@ packages: - encoding - supports-color - utf-8-validate + optional: true /metro-config@0.80.8(encoding@0.1.13): resolution: {integrity: sha512-VGQJpfJawtwRzGzGXVUoohpIkB0iPom4DmSbAppKfumdhtLA8uVeEPp2GM61kL9hRvdbMhdWA7T+hZFDlo4mJA==} @@ -27525,7 +27557,6 @@ packages: - encoding - supports-color - utf-8-validate - dev: false /metro-core@0.80.8: resolution: {integrity: sha512-g6lud55TXeISRTleW6SHuPFZHtYrpwNqbyFIVd9j9Ofrb5IReiHp9Zl8xkAfZQp8v6ZVgyXD7c130QTsCz+vBw==} @@ -27631,6 +27662,7 @@ packages: - encoding - supports-color - utf-8-validate + optional: true /metro-transform-worker@0.80.8(encoding@0.1.13): resolution: {integrity: sha512-+4FG3TQk3BTbNqGkFb2uCaxYTfsbuFOCKMMURbwu0ehCP8ZJuTUramkaNZoATS49NSAkRgUltgmBa4YaKZ5mqw==} @@ -27653,7 +27685,6 @@ packages: - encoding - supports-color - utf-8-validate - dev: false /metro@0.80.8: resolution: {integrity: sha512-in7S0W11mg+RNmcXw+2d9S3zBGmCARDxIwoXJAmLUQOQoYsRP3cpGzyJtc7WOw8+FXfpgXvceD0u+PZIHXEL7g==} @@ -27708,6 +27739,7 @@ packages: - encoding - supports-color - utf-8-validate + optional: true /metro@0.80.8(encoding@0.1.13): resolution: {integrity: sha512-in7S0W11mg+RNmcXw+2d9S3zBGmCARDxIwoXJAmLUQOQoYsRP3cpGzyJtc7WOw8+FXfpgXvceD0u+PZIHXEL7g==} @@ -27762,7 +27794,6 @@ packages: - encoding - supports-color - utf-8-validate - dev: false /micro-ftch@0.3.1: resolution: {integrity: sha512-/0LLxhzP0tfiR5hcQebtudP56gUurs2CLkGarnCiB/OqEyUFQ6U3paQi/tgLv0hBJYt2rnr9MNpxz4fiiugstg==} @@ -30805,7 +30836,7 @@ packages: react-native: '*' dependencies: base64-js: 1.5.1 - react-native: 0.74.0(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(react@18.2.0) + react-native: 0.74.0(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(@types/react@18.2.64)(encoding@0.1.13)(react@18.2.0) /react-native-webview@11.26.1(react-native@0.74.0)(react@18.2.0): resolution: {integrity: sha512-hC7BkxOpf+z0UKhxFSFTPAM4shQzYmZHoELa6/8a/MspcjEP7ukYKpuSUTLDywQditT8yI9idfcKvfZDKQExGw==} @@ -30934,7 +30965,6 @@ packages: - encoding - supports-color - utf-8-validate - dev: false /react-native@0.74.0(@babel/core@7.24.4)(@babel/preset-env@7.24.4)(react@18.2.0): resolution: {integrity: sha512-Vpp9WPmkCm4TUH5YDxwQhqktGVon/yLpjbTgjgLqup3GglOgWagYCX3MlmK1iksIcqtyMJHMEWa+UEzJ3G9T8w==} @@ -30992,6 +31022,7 @@ packages: - encoding - supports-color - utf-8-validate + optional: true /react-refresh@0.14.0: resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}