iidrak-analytics-react 1.2.5 → 1.2.7

package/README.md

@@ -58,6 +58,9 @@ const iidrakConfig = {
 
   // SDK Configuration
   config: {
+    // Application Name for Session Grouping (Recommended)
+    appName: "your-app-name",
+
     // Session Replay Endpoint (Required to enable recording)
     recordingEndpoint: "https://your-replay-server.com", 
     
@@ -161,6 +164,11 @@ If you see this error, it means the native module `react-native-device-info` is
 1. Ensure you installed the peer dependency: `npm install react-native-device-info`
 2. Rebuild your native app: `cd android && ./gradlew clean && cd .. && npx react-native run-android`
 
+### "Network request failed" on Android
+If your backend is running on HTTP (not HTTPS), Android will block the connection by default.
+1. Create a `network_security_config.xml` in `android/app/src/main/res/xml/` allowing cleartext traffic for your domain/IP.
+2. Or for development, add `android:usesCleartextTraffic="true"` to your `AndroidManifest.xml` `<application>` tag.
+
 ### "Cannot read property 'MetaStreamProvider' of undefined"
 Ensure you are importing correctly.
 Correct: `import { MetaStreamProvider } from 'iidrak-analytics-react';`

package/metastreamio/metastreamio.interface.js

@@ -114,6 +114,7 @@ class MetaStreamIO {
       logger: this.logger,
       network: this.network,
       config: this.config,
+      user: this.userConfig,
     });
 
     // Init global variables

package/metastreamio/metastreamio.recorder.js

@@ -7,7 +7,7 @@ import { Platform, Dimensions } from "react-native";
 strf();
 
 class MetaStreamIORecorder {
-    constructor({ constants, logger, network, config } = {}) {
+    constructor({ constants, logger, network, config, user } = {}) {
         this.constant = constants;
         this.logger = logger;
         this.network = network;
@@ -24,7 +24,10 @@ class MetaStreamIORecorder {
         // Use lower quality by default to save bandwidth
         this.quality = config.quality || 0.5;
         this.fps = config.fps || 2; // Frames per second (0.5s interval)
-        this.app_id = config.app_id || "default"; // Default to 'default' app if not specified
+        // If user_id is provided in user config, use it as app_id (per user requirement)
+        // Otherwise fallback to app_id in general config or "default"
+        // Priority: config.appName > user.user_id > config.app_id > "default"
+        this.app_id = config.appName ? config.appName : ((user && user.user_id) ? user.user_id : (config.app_id || "default"));
         this.lastBase64 = null;
     }
 
@@ -43,10 +46,13 @@ class MetaStreamIORecorder {
 
             // 1. Initialize Session on Python Server
             // Note: We use a separate fetch here because the payload format is different from standard analytics
-            await fetch(`${this.endpoint}/apps/${this.app_id}/sessions`, {
+            const url = `${this.endpoint}/api/apps/${this.app_id}/sessions`;
+            this.logger.log("recorder", `Sending session creation request to: ${url}`);
+            await fetch(url, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({
+                    session_id: this.sessionId,
                     device_info: {
                         width: Dimensions.get('window').width,
                         height: Dimensions.get('window').height,
@@ -55,19 +61,19 @@ class MetaStreamIORecorder {
                     }
                 })
             }).then(async res => {
+                this.logger.log("recorder", "Session creation response status: " + res.status);
                 if (res.ok) {
                     const data = await res.json();
                     // Server might return its own ID, but we want to map them. 
-                    // For simplicity, we assume server respects ours or we track the mapping.
-                    // In this demo, the server generates a timestamp ID. That's fine.
                     this.recorderSessionId = data.session_id;
                     this.isRecording = true;
                     this.startLoop(viewRef);
+                    this.logger.log("recorder", "Session created successfully with ID: " + this.recorderSessionId);
                 } else {
-                    this.logger.error("recorder", "Failed to start session on recording server");
+                    this.logger.error("recorder", "Failed to start session on recording server: " + res.status);
                 }
-            }).catch(err => {
-                this.logger.error("recorder", "Connection error to recording server: " + err);
+            }).catch(e => {
+                this.logger.error("recorder", "Connection error to recording server: " + e + " to " + url);
             });
 
         } catch (err) {
@@ -103,11 +109,11 @@ class MetaStreamIORecorder {
                 });
 
                 let isDuplicate = false;
-                if(this.lastBase64){
+                if (this.lastBase64) {
                     if (this.lastBase64 === base64) {
                         isDuplicate = true;
                         console.log("DBG:: Duplicate frame");
-                    }else{
+                    } else {
                         console.log("DBG:: New frame");
                         this.lastBase64 = base64;
                     }
@@ -119,9 +125,9 @@ class MetaStreamIORecorder {
                 // If DUPLICATE frame:
                 //    Only upload if it's been > 5 seconds since last upload (Keepalive)
                 //    This reduces chatter significantly. 
-                
+
                 const timeSinceLastUpload = (now - this.lastUploadTime) / 1000;
-                
+
                 if (!isDuplicate || timeSinceLastUpload > 5.0) {
                     console.log("DBG:: Uploading frame");
                     this.uploadFrame(base64, isDuplicate);
@@ -143,7 +149,7 @@ class MetaStreamIORecorder {
 
         formData.append('timestamp', String(timestamp));
         formData.append('duration', String(duration));
-        
+
         if (isDuplicate) {
             formData.append('is_duplicate', 'true');
         } else {
@@ -155,7 +161,7 @@ class MetaStreamIORecorder {
         }
 
         try {
-            await fetch(`${this.endpoint}/apps/${this.app_id}/sessions/${this.recorderSessionId}/screenshot`, {
+            await fetch(`${this.endpoint}/api/apps/${this.app_id}/sessions/${this.recorderSessionId}/screenshot`, {
                 method: 'POST',
                 body: formData,
                 headers: {
@@ -182,7 +188,7 @@ class MetaStreamIORecorder {
         };
 
         try {
-            fetch(`${this.endpoint}/apps/${this.app_id}/sessions/${this.recorderSessionId}/events`, {
+            fetch(`${this.endpoint}/api/apps/${this.app_id}/sessions/${this.recorderSessionId}/events`, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify([event])

package/metastreamio/models/constructor.config.js

@@ -8,6 +8,10 @@ export class ConfigConstructorModel {
     sessionLength = null,
     silentMode = null,
     allowTrackCategories = [],
+    appName = null,
+    quality = null,
+    fps = null,
+    recordingEndpoint = null,
   } = {}) {
     this.logging = logging;
     this.loggingLevel = loggingLevel;
@@ -17,6 +21,11 @@ export class ConfigConstructorModel {
     this.sessionLength = sessionLength;
     this.silentMode = silentMode;
     this.allowTrackCategories = allowTrackCategories;
+    // correctly assign appName
+    this.appName = appName;
+    this.quality = quality;
+    this.fps = fps;
+    this.recordingEndpoint = recordingEndpoint;
   }
   json() {
     return {
@@ -28,6 +37,10 @@ export class ConfigConstructorModel {
       sessionLength: this.sessionLength,
       silentMode: this.silentMode,
       allowTrackCategories: this.allowTrackCategories,
+      appName: this.appName,
+      quality: this.quality,
+      fps: this.fps,
+      recordingEndpoint: this.recordingEndpoint,
     };
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iidrak-analytics-react",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "description": "react native client for metastreamio",
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.2.0",