feat/saving current view to events and perfs data

Author: piotr-szewczyk

packages/browser/src/performance/index.ts

@@ -1,7 +1,7 @@
 import { Batch } from "../transport/batch";
 import { BrowserClientConfigType } from "../types/client";
 import { BrowserPerformanceType, LargestContentfulPaint, LayoutShift, ObserverType } from "../types/performance";
-import { CAPTURE_ENDPOINT } from "../types/transport";
+import { BatchPayload, CAPTURE_ENDPOINT } from "../types/transport";
 import { utils } from "../utils";
 
 export class Performance {
@@ -22,6 +22,18 @@ export class Performance {
         this.handlePaintEntry();
     }
 
+    // overrride to this.batch.add which inlcude some necessary data for each perfs
+    public addToBatch(payload: BatchPayload): void {
+        const pathname = utils.pathname();
+
+        const batchPayload: BatchPayload = {
+            view: pathname,
+            ...payload
+        };
+
+        this.batch.add(batchPayload);
+    }
+
     // https://developer.mozilla.org/en-US/docs/Web/API/PerformancePaintTiming
     // first-paint, first-contentful-paint
     private handlePaintEntry() {
@@ -44,7 +56,7 @@ export class Performance {
                     }]
                 };
 
-                this.batch.add(payload);
+                this.addToBatch(payload);
             }
         }
 
@@ -69,7 +81,7 @@ export class Performance {
                     name: "LCP"
                 }]
             };
-            this.batch.add(payload);
+            this.addToBatch(payload);
         }
         this.observe<LargestContentfulPaint>("largest-contentful-paint", handle);
     }
@@ -97,7 +109,7 @@ export class Performance {
                         value: entry.value
                     }]
                 }
-                this.batch.add(payload);
+                this.addToBatch(payload);
             }
 
         }
@@ -118,7 +130,7 @@ export class Performance {
                         value: entry.processingStart - entry.startTime
                     }]
                 };
-                this.batch.add(payload);
+                this.addToBatch(payload);
             }
         }
         this.observe<PerformanceEventTiming>("first-input", handle);
@@ -155,7 +167,7 @@ export class Performance {
                     ]
                 };
 
-                this.batch.add(payload);
+                this.addToBatch(payload);
             }
         };
 

packages/browser/src/utils.ts

@@ -9,7 +9,7 @@ const browserDetails = (): BrowserInfoType => {
   const engine = bowser.getEngine();
   const platform = bowser.getPlatform();
   const os = bowser.getOS();
-  const url = window.location.href;
+  const url = window.location.pathname;
 
   return {
     browser,
@@ -42,9 +42,14 @@ const currentUnix = (): number => {
   return Math.floor(Date.now() / 1000);
 }
 
+const pathname = () => {
+  return window.location.pathname;
+}
+
 export const utils = {
   browserDetails,
   getGlobalConfigs,
   toBytes,
-  currentUnix
+  currentUnix,
+  pathname
 };