iidrak-analytics-react 1.2.6 → 1.2.7

package/README.md

@@ -164,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.recorder.js

@@ -46,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,
@@ -58,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) {
@@ -158,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: {
@@ -185,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

@@ -9,6 +9,9 @@ export class ConfigConstructorModel {
     silentMode = null,
     allowTrackCategories = [],
     appName = null,
+    quality = null,
+    fps = null,
+    recordingEndpoint = null,
   } = {}) {
     this.logging = logging;
     this.loggingLevel = loggingLevel;
@@ -18,7 +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 {
@@ -30,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.6",
+  "version": "1.2.7",
   "description": "react native client for metastreamio",
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.2.0",