Add reportWebVitalsWithPath

axiomhq · Jun 27, 2023 · f441e3a · f441e3a
1 parent 60501b9
commit f441e3a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,4 @@
-export { reportWebVitals } from './webVitals';
+export { reportWebVitals, reportWebVitalsWithPath } from './webVitals';
 export { log, Logger } from './logger';
 export {
   withAxiom,

diff --git a/src/webVitals.ts b/src/webVitals.ts
@@ -10,7 +10,12 @@ const throttledSendMetrics = throttle(sendMetrics, 1000);
 let collectedMetrics: WebVitalsMetric[] = [];
 
 export function reportWebVitals(metric: NextWebVitalsMetric) {
-  collectedMetrics.push({ route: window.__NEXT_DATA__?.page, ...metric });
+  reportWebVitalsWithPath(metric);
+}
+
+export function reportWebVitalsWithPath(metric: NextWebVitalsMetric, path?: string) {
+  const route = path || window.__NEXT_DATA__?.page;
+  collectedMetrics.push({ route, ...metric });
   // if Axiom env vars are not set, do nothing,
   // otherwise devs will get errors on dev environments
   if (!config.isEnvVarsSet()) {