@devskin/browser-sdk 1.0.27 → 1.0.29

package/dist/devskin.umd.js

@@ -517,7 +517,7 @@
                     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: {
@@ -540,7 +540,7 @@
                     message: String(error),
                     type: 'Error',
                     timestamp: new Date().toISOString(),
-                    session_id: '',
+                    sessionId: '',
                     url: window.location.href,
                     breadcrumbs: [...this.breadcrumbs],
                     context,
@@ -13716,9 +13716,12 @@
             }
         }
         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
@@ -13750,7 +13753,7 @@
         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);
@@ -13800,7 +13803,7 @@
         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);
@@ -13984,15 +13987,15 @@
                 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) {
@@ -14033,10 +14036,10 @@
             }
             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);
@@ -14110,22 +14113,40 @@
             // 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;
         }
@@ -14171,7 +14192,7 @@
                     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');