fix/saving timestamp for browser perfs

Author: piotr-szewczyk

packages/browser/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@traceo-sdk/browser",
-    "version": "0.32.0",
+    "version": "0.32.1",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "license": "MIT",

packages/browser/src/client.ts

@@ -167,6 +167,6 @@ export abstract class BrowserClient implements IBrowserClient {
   }
 
   private get incidentsUrl() {
-    return `/api/worker/incident/${this.configs.options.appId}`;
+    return `/api/worker/incident/${this.configs.options.projectId}`;
   }
 }

packages/browser/src/performance/index.ts

@@ -1,14 +1,15 @@
 import { Batch } from "../transport/batch";
 import { BrowserClientConfigType } from "../types/client";
 import { BrowserPerformanceType, LargestContentfulPaint, LayoutShift, ObserverType } from "../types/performance";
+import { utils } from "../utils";
 
 export class Performance {
     private batch: Batch;
 
     constructor(configs: BrowserClientConfigType) {
         this.batch = new Batch(configs, {
             headers: configs?.headers,
-            url: `/api/worker/browser/perf/${configs?.options?.appId}`
+            url: `/api/worker/browser/perf/${configs?.options?.projectId}`
         });
     }
 
@@ -24,6 +25,7 @@ export class Performance {
     // first-paint, first-contentful-paint
     private handlePaintEntry() {
         const handle = (entries: PerformancePaintTiming[]): void => {
+            // const now = dayjs
             for (const entry of entries) {
                 const entryName = entry.name === "first-paint"
                     ? "FP"
@@ -33,6 +35,7 @@ export class Performance {
 
                 const payload: BrowserPerformanceType = {
                     event: entry.entryType,
+                    timestamp: utils.currentUnix(),
                     performance: [{
                         name: entryName,
                         unit: "miliseconds",
@@ -58,6 +61,7 @@ export class Performance {
             const entry = entries[entries.length - 1];
             const payload: BrowserPerformanceType = {
                 event: entry.entryType,
+                timestamp: utils.currentUnix(),
                 performance: [{
                     value: entry.startTime,
                     unit: 'millisecond',
@@ -81,6 +85,7 @@ export class Performance {
 
                 const payload: BrowserPerformanceType = {
                     event: entry.entryType,
+                    timestamp: utils.currentUnix(),
                     performance: [{
                         name: "CLS",
                         unit: " ",
@@ -101,6 +106,7 @@ export class Performance {
             for (const entry of entries) {
                 const payload: BrowserPerformanceType = {
                     event: entry.entryType,
+                    timestamp: utils.currentUnix(),
                     performance: [{
                         name: "FID",
                         unit: "miliseconds",
@@ -119,6 +125,7 @@ export class Performance {
             for (const entry of entries) {
                 const payload: BrowserPerformanceType = {
                     event: entry.entryType,
+                    timestamp: utils.currentUnix(),
                     performance: [
                         {
                             name: "domCompleted",

packages/browser/src/types/client.ts

@@ -5,7 +5,7 @@ export type BrowserClientConfigType = {
 
 export interface TraceoOptions {
   apiKey: string;
-  appId: string;
+  projectId: string;
   url: string;
   offline?: boolean;
   performance?: boolean;

packages/browser/src/types/performance.ts

@@ -15,6 +15,7 @@ export type MeasureType = {
 
 export type BrowserPerformanceType = {
   event: string;
+  timestamp: number;
   performance: MeasureType[];
 }
 

packages/browser/src/utils.ts

@@ -36,10 +36,15 @@ const getGlobalConfigs = (): BrowserClientConfigType => {
     headers: undefined,
     options: undefined
   }
+};
+
+const currentUnix = (): number => {
+  return Math.floor(Date.now() / 1000);
 }
 
 export const utils = {
   browserDetails,
   getGlobalConfigs,
-  toBytes
+  toBytes,
+  currentUnix
 };

packages/node/README.md

@@ -18,12 +18,12 @@ First what you need is to initialize `TraceoClient` in your application.
 import { TraceoClient } from "@traceo-sdk/node";
 
 new TraceoClient({
-    appId: <your_application_id>,
+    projectId: <your_project_id>,
     url: <you_traceo_instance_url>
 });
 ```
 
-`TraceoClient` options require two parameters. `appId` is a unique identifier of an application created on the Traceo platform. Information about application ID you can get from the Traceo Platform in `Settings|Details` tab.  `url` parameter specifies the address where your Traceo Platform instance is located. Address should be passed in the format `<protocol>://<domain>:<port>`, eq. `http://localhost:3000`.
+`TraceoClient` options require two parameters. `projectId` is a unique identifier of an application created on the Traceo platform. Information about application ID you can get from the Traceo Platform in `Settings|Details` tab.  `url` parameter specifies the address where your Traceo Platform instance is located. Address should be passed in the format `<protocol>://<domain>:<port>`, eq. `http://localhost:3000`.
 
 ### Incidents handling
 Incidents are all the exceptions and other problems that occur in your application. After each exception occurs, the Traceo SDK catches the exception and sends it to the Traceo Platform. This package provide the two main ways to catch exceptions in your application - `Handlers` and `Middlewares`.

packages/node/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@traceo-sdk/node",
-    "version": "0.31.9",
+    "version": "0.32.1",
     "author": "Traceo",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

packages/node/src/core/http.ts

@@ -64,7 +64,7 @@ export class HttpModule {
       port: reqUrl.port,
       host: reqUrl.hostname,
       method,
-      path: `${path.pathname}/${Client.config.appId}`
+      path: `${path.pathname}/${Client.config.projectId}`
     };
   }
 

packages/node/src/exceptions/handler.ts

@@ -47,7 +47,7 @@ const prepareException = async (error: TraceoError): Promise<NodeIncidentType> =
 
   const { message, name, traces } = await stacktrace.parse(error);
   const event: NodeIncidentType = {
-    type: name,
+    name,
     message,
     traces,
     stack,