@devskin/browser-sdk 1.0.28 → 1.0.30

package/dist/devskin.umd.js

@@ -13698,7 +13698,7 @@
             }
             const items = [...this.queue];
             this.queue = [];
-            // Group items by type
+            // Group by type
             const grouped = {};
             items.forEach((item) => {
                 if (!grouped[item.type]) {
@@ -13706,19 +13706,35 @@
                 }
                 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
@@ -14117,15 +14133,33 @@
             }
         }
         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;
         }