@devskin/browser-sdk 1.0.27 → 1.0.29

package/dist/devskin.esm.js

@@ -511,7 +511,7 @@ class ErrorCollector {
                 stack: error.stack,
                 type: error.name || 'Error',
                 timestamp: new Date().toISOString(),
-                session_id: '', // Will be set by transport
+                sessionId: '', // Will be set by transport
                 url: window.location.href,
                 breadcrumbs: [...this.breadcrumbs],
                 context: Object.assign(Object.assign({}, context), { userAgent: navigator.userAgent, viewport: {
@@ -534,7 +534,7 @@ class ErrorCollector {
                 message: String(error),
                 type: 'Error',
                 timestamp: new Date().toISOString(),
-                session_id: '',
+                sessionId: '',
                 url: window.location.href,
                 breadcrumbs: [...this.breadcrumbs],
                 context,
@@ -13710,9 +13710,12 @@ class Transport {
         }
     }
     enqueue(type, data) {
+        // Add applicationId to RUM events (event, error, network, performance)
+        // Heatmap uses apiKey/appId in payload root instead
+        const enrichedData = type !== 'heatmap' ? Object.assign(Object.assign({}, data), { applicationId: this.config.appId }) : data;
         this.queue.push({
             type,
-            data,
+            data: enrichedData,
             timestamp: Date.now(),
         });
         // Flush if queue is full
@@ -13744,7 +13747,7 @@ class Transport {
     sendToBackendXHR(endpoint, data) {
         return __awaiter$1(this, void 0, void 0, function* () {
             const url = `${this.apiUrl}${endpoint}`;
-            const payload = Object.assign(Object.assign({}, data), { apiKey: this.config.apiKey, appId: this.config.appId, environment: this.config.environment, release: this.config.release });
+            const payload = Object.assign(Object.assign({}, data), { apiKey: this.config.apiKey, applicationId: this.config.appId, environment: this.config.environment, release: this.config.release });
             // Apply beforeSend hook if provided
             if (this.config.beforeSend) {
                 const processed = this.config.beforeSend(payload);
@@ -13794,7 +13797,7 @@ class Transport {
     sendToBackend(endpoint_1, data_1) {
         return __awaiter$1(this, arguments, void 0, function* (endpoint, data, useBeacon = false) {
             const url = `${this.apiUrl}${endpoint}`;
-            const payload = Object.assign(Object.assign({}, data), { apiKey: this.config.apiKey, appId: this.config.appId, environment: this.config.environment, release: this.config.release });
+            const payload = Object.assign(Object.assign({}, data), { apiKey: this.config.apiKey, applicationId: this.config.appId, environment: this.config.environment, release: this.config.release });
             // Apply beforeSend hook if provided
             if (this.config.beforeSend) {
                 const processed = this.config.beforeSend(payload);
@@ -13978,15 +13981,15 @@ class DevSkinSDK {
             return;
         }
         const eventData = {
-            event_name: eventName,
-            event_type: 'track',
+            eventName: eventName,
+            eventType: 'track',
             timestamp: new Date().toISOString(),
-            session_id: this.sessionId,
-            user_id: this.userId || undefined,
-            anonymous_id: this.anonymousId || undefined,
+            sessionId: this.sessionId,
+            userId: this.userId || undefined,
+            anonymousId: this.anonymousId || undefined,
             properties: Object.assign(Object.assign({}, properties), this.getContextData()),
-            page_url: window.location.href,
-            page_title: document.title,
+            pageUrl: window.location.href,
+            pageTitle: document.title,
         };
         (_a = this.transport) === null || _a === void 0 ? void 0 : _a.sendEvent(eventData);
         if ((_b = this.config) === null || _b === void 0 ? void 0 : _b.debug) {
@@ -14027,10 +14030,10 @@ class DevSkinSDK {
         }
         this.userId = userId;
         const userData = {
-            user_id: userId,
-            anonymous_id: this.anonymousId || undefined,
+            userId: userId,
+            anonymousId: this.anonymousId || undefined,
             traits: Object.assign(Object.assign({}, traits), this.getContextData()),
-            session_id: this.sessionId,
+            sessionId: this.sessionId,
             timestamp: new Date().toISOString(),
         };
         (_a = this.transport) === null || _a === void 0 ? void 0 : _a.identifyUser(userData);
@@ -14104,22 +14107,40 @@ class DevSkinSDK {
         // Store in sessionStorage (persists across page navigations in same tab)
         sessionStorage.setItem('devskin_session_id', this.sessionId);
         sessionStorage.setItem('devskin_session_start', this.sessionStartTime.toString());
-        const sessionData = Object.assign({ session_id: this.sessionId, user_id: this.userId || undefined, anonymous_id: this.anonymousId, started_at: new Date().toISOString() }, this.getContextData());
+        const sessionData = Object.assign({ sessionId: this.sessionId, userId: this.userId || undefined, anonymousId: this.anonymousId, startedAt: new Date().toISOString(), platform: 'web' }, this.getContextData());
         (_b = this.transport) === null || _b === void 0 ? void 0 : _b.startSession(sessionData);
         if ((_c = this.config) === null || _c === void 0 ? void 0 : _c.debug) {
             console.log('[DevSkin] New session created:', this.sessionId);
         }
     }
     getContextData() {
+        var _a, _b, _c, _d;
         const context = {};
+        // Flatten device data to match backend schema
         if (this.deviceCollector) {
-            context.device = this.deviceCollector.collect();
+            const device = this.deviceCollector.collect();
+            context.deviceType = device.type;
+            context.deviceModel = device.model;
+            context.osName = (_a = device.os) === null || _a === void 0 ? void 0 : _a.name;
+            context.osVersion = (_b = device.os) === null || _b === void 0 ? void 0 : _b.version;
+            context.screenWidth = (_c = device.screen) === null || _c === void 0 ? void 0 : _c.width;
+            context.screenHeight = (_d = device.screen) === null || _d === void 0 ? void 0 : _d.height;
+            context.viewportWidth = window.innerWidth;
+            context.viewportHeight = window.innerHeight;
         }
+        // Flatten browser data to match backend schema
         if (this.browserCollector) {
-            context.browser = this.browserCollector.collect();
+            const browser = this.browserCollector.collect();
+            context.browserName = browser.name;
+            context.browserVersion = browser.version;
+            context.userAgent = browser.userAgent;
         }
+        // Flatten location data to match backend schema
         if (this.locationCollector) {
-            context.location = this.locationCollector.collect();
+            const location = this.locationCollector.collect();
+            context.country = location.country;
+            context.city = location.city;
+            context.ipAddress = undefined; // Will be set by backend from request
         }
         return context;
     }
@@ -14165,7 +14186,7 @@ class DevSkinSDK {
                 if (this.sessionId && this.sessionStartTime) {
                     const endedAt = new Date();
                     const durationMs = Date.now() - this.sessionStartTime;
-                    (_a = this.transport) === null || _a === void 0 ? void 0 : _a.startSession(Object.assign({ session_id: this.sessionId, user_id: this.userId || undefined, anonymous_id: this.anonymousId, ended_at: endedAt.toISOString(), duration_ms: durationMs }, this.getContextData()));
+                    (_a = this.transport) === null || _a === void 0 ? void 0 : _a.startSession(Object.assign({ sessionId: this.sessionId, userId: this.userId || undefined, anonymousId: this.anonymousId, endedAt: endedAt.toISOString(), durationMs: durationMs, platform: 'web' }, this.getContextData()));
                     // Clear session storage since session is ending
                     sessionStorage.removeItem('devskin_session_id');
                     sessionStorage.removeItem('devskin_session_start');