@devskin/browser-sdk 1.0.28 → 1.0.30

package/dist/devskin.esm.js

@@ -13692,7 +13692,7 @@ class Transport {
         }
         const items = [...this.queue];
         this.queue = [];
-        // Group items by type
+        // Group by type
         const grouped = {};
         items.forEach((item) => {
             if (!grouped[item.type]) {
@@ -13700,19 +13700,35 @@ class Transport {
             }
             grouped[item.type].push(item.data);
         });
-        // Send each group
-        Object.entries(grouped).forEach(([type, data]) => {
+        // Send each type appropriately
+        Object.entries(grouped).forEach(([type, dataArray]) => {
             const endpoint = this.getEndpointForType(type);
-            this.sendToBackend(endpoint, { [type + 's']: data }, useBeacon);
+            if (type === 'event' && dataArray.length > 1) {
+                // Events with batch support
+                this.sendToBackend('/v1/rum/events/batch', { events: dataArray }, useBeacon);
+            }
+            else if (type === 'heatmap') {
+                // Heatmap expects array format
+                this.sendToBackend(endpoint, { heatmaps: dataArray }, useBeacon);
+            }
+            else {
+                // Send each item individually (network, performance, error)
+                dataArray.forEach((data) => {
+                    this.sendToBackend(endpoint, data, useBeacon);
+                });
+            }
         });
         if (this.config.debug) {
             console.log(`[DevSkin] Flushed ${items.length} items to backend`);
         }
     }
     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
@@ -14111,15 +14127,33 @@ class DevSkinSDK {
         }
     }
     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;
     }