react-native-inapp-inspector 2.3.19 → 2.3.21

package/README.md

@@ -30,20 +30,20 @@ The **zero-config, all-in-one in-app debugging overlay for React Native & Expo**
 
 ## ⚡ Why Choose `react-native-inapp-inspector`?
 
-| Capability | **react-native-inapp-inspector** | react-native-network-logger | Flipper / RN Debugger |
-| :--- | :---: | :---: | :---: |
-| **Native Module (Kotlin & iOS Bridge)** | ✅ | ❌ | ⚠️ |
-| **Low-Level Hardware & RAM Telemetry** | ✅ | ❌ | ⚠️ |
-| **Zero-Render Inactive Mode (0% Background Overhead)** | ✅ | ❌ | ❌ |
-| **Network Timing Waterfall & P95 Telemetry** | ✅ | ❌ | ✅ |
-| **Network Inspector (Fetch & Axios)** | ✅ | ✅ | ✅ |
-| **cURL & Fetch Snippet Export** | ✅ | ❌ | ⚠️ |
-| **Console Logger + Stack Traces** | ✅ (Metro Symbolicated) | ❌ | ✅ |
-| **Redux State & Action Diffs** | ✅ | ❌ | ⚠️ |
-| **Firebase Analytics Tracker** | ✅ | ❌ | ❌ |
-| **JS Bundle Size & Hermes Analyzer** | ✅ | ❌ | ❌ |
-| **Live Traffic Stream Freeze** | ✅ | ❌ | ❌ |
-| **Expo & Bare React Native** | ✅ | ✅ | ⚠️ |
+| Capability | **react-native-inapp-inspector** | Flipper / RN Debugger |
+| :--- | :---: | :---: |
+| **Native Module (Kotlin & iOS Bridge)** | ✅ | ⚠️ |
+| **Low-Level Hardware & RAM Telemetry** | ✅ | ⚠️ |
+| **Zero-Render Inactive Mode (0% Background Overhead)** | ✅ | ❌ |
+| **Network Timing Waterfall & P95 Telemetry** | ✅ | ✅ |
+| **Network Inspector (Fetch & Axios)** | ✅ | ✅ |
+| **cURL & Fetch Snippet Export** | ✅ | ⚠️ |
+| **Console Logger + Stack Traces** | ✅ (Metro Symbolicated) | ✅ |
+| **Redux State & Action Diffs** | ✅ | ⚠️ |
+| **Firebase Analytics Tracker** | ✅ | ❌ |
+| **JS Bundle Size & Hermes Analyzer** | ✅ | ❌ |
+| **Live Traffic Stream Freeze** | ✅ | ❌ |
+| **Expo & Bare React Native** | ✅ | ⚠️ |
 
 ---
 

package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt

@@ -923,12 +923,19 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
 
                 var width = 720
                 var height = 1280
+                var thumbnailUri: String? = null
 
                 if (framesSnapshot.isNotEmpty()) {
                     val firstFrame = framesSnapshot.first()
                     width = firstFrame.width
                     height = firstFrame.height
 
+                    val thumbFile = File(getCapturesDirectory(), "thumb_${timestamp}.jpg")
+                    FileOutputStream(thumbFile).use { fos ->
+                        firstFrame.compress(Bitmap.CompressFormat.JPEG, 85, fos)
+                    }
+                    thumbnailUri = Uri.fromFile(thumbFile).toString()
+
                     FileOutputStream(file).use { fos ->
                         firstFrame.compress(Bitmap.CompressFormat.PNG, 90, fos)
                     }
@@ -945,6 +952,9 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
 
                 val result = Arguments.createMap().apply {
                     putString("uri", Uri.fromFile(file).toString())
+                    if (thumbnailUri != null) {
+                        putString("thumbnailUri", thumbnailUri)
+                    }
                     putString("format", "mp4")
                     putDouble("durationMs", durationMs.toDouble())
                     putBoolean("hasAudio", false)
@@ -1133,6 +1143,63 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
         }
     }
 
+    @ReactMethod
+    fun copyMediaToClipboard(filePath: String, promise: Promise) {
+        val activity = currentActivity ?: reactApplicationContext
+        try {
+            val clipboard = activity.getSystemService(android.content.Context.CLIPBOARD_SERVICE) as? android.content.ClipboardManager
+            if (clipboard == null) {
+                promise.resolve(com.facebook.react.bridge.Arguments.createMap().apply {
+                    putBoolean("success", false)
+                    putString("error", "Clipboard manager unavailable")
+                })
+                return
+            }
+            var cleanPath = filePath
+            if (cleanPath.startsWith("file://")) {
+                cleanPath = cleanPath.substring(7)
+            }
+            val file = java.io.File(cleanPath)
+            if (file.exists()) {
+                val uri = try {
+                    androidx.core.content.FileProvider.getUriForFile(
+                        reactApplicationContext,
+                        "${reactApplicationContext.packageName}.provider",
+                        file
+                    )
+                } catch (e: Exception) {
+                    android.net.Uri.fromFile(file)
+                }
+                val clip = android.content.ClipData.newUri(
+                    reactApplicationContext.contentResolver,
+                    "Media",
+                    uri
+                )
+                clipboard.setPrimaryClip(clip)
+                val map = com.facebook.react.bridge.Arguments.createMap().apply {
+                    putBoolean("success", true)
+                    putString("type", "uri")
+                }
+                promise.resolve(map)
+            } else {
+                val clip = android.content.ClipData.newPlainText("Path", filePath)
+                clipboard.setPrimaryClip(clip)
+                val map = com.facebook.react.bridge.Arguments.createMap().apply {
+                    putBoolean("success", true)
+                    putString("type", "string")
+                }
+                promise.resolve(map)
+            }
+        } catch (e: Exception) {
+            val map = com.facebook.react.bridge.Arguments.createMap().apply {
+                putBoolean("success", false)
+                putString("error", e.message ?: "Copy failed")
+            }
+            promise.resolve(map)
+        }
+    }
+
+
     @ReactMethod
     fun addListener(eventName: String) {
         // Required for React Native NativeEventEmitter

package/dist/commonjs/analytics.js

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerGAPlugin = exports.getEventCategory = exports.pruneAnalyticsLogs = exports.getMaxAnalyticsLogsLimit = exports.setMaxAnalyticsLogsLimit = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.getAnalyticsModuleEnabled = exports.setAnalyticsModuleEnabled = exports.isFirebaseAnalyticsPatched = exports.isAnalyticsConnected = exports.getAnalyticsEvents = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.autoSetupAnalyticsLogger = exports.setupAnalyticsLogger = void 0;
-var analyticsLogger_1 = require("./customHooks/analyticsLogger");
-Object.defineProperty(exports, "setupAnalyticsLogger", { enumerable: true, get: function () { return analyticsLogger_1.setupAnalyticsLogger; } });
-Object.defineProperty(exports, "autoSetupAnalyticsLogger", { enumerable: true, get: function () { return analyticsLogger_1.autoSetupAnalyticsLogger; } });
-Object.defineProperty(exports, "logAnalyticsEvent", { enumerable: true, get: function () { return analyticsLogger_1.logAnalyticsEvent; } });
-Object.defineProperty(exports, "subscribeAnalyticsEvents", { enumerable: true, get: function () { return analyticsLogger_1.subscribeAnalyticsEvents; } });
-Object.defineProperty(exports, "clearAnalyticsEvents", { enumerable: true, get: function () { return analyticsLogger_1.clearAnalyticsEvents; } });
-Object.defineProperty(exports, "getAnalyticsEvents", { enumerable: true, get: function () { return analyticsLogger_1.getAnalyticsEvents; } });
-Object.defineProperty(exports, "isAnalyticsConnected", { enumerable: true, get: function () { return analyticsLogger_1.isAnalyticsConnected; } });
-Object.defineProperty(exports, "isFirebaseAnalyticsPatched", { enumerable: true, get: function () { return analyticsLogger_1.isFirebaseAnalyticsPatched; } });
-Object.defineProperty(exports, "setAnalyticsModuleEnabled", { enumerable: true, get: function () { return analyticsLogger_1.setAnalyticsModuleEnabled; } });
-Object.defineProperty(exports, "getAnalyticsModuleEnabled", { enumerable: true, get: function () { return analyticsLogger_1.getAnalyticsModuleEnabled; } });
-Object.defineProperty(exports, "getCurrentUserProperties", { enumerable: true, get: function () { return analyticsLogger_1.getCurrentUserProperties; } });
-Object.defineProperty(exports, "getCurrentUserId", { enumerable: true, get: function () { return analyticsLogger_1.getCurrentUserId; } });
-Object.defineProperty(exports, "getDefaultEventParameters", { enumerable: true, get: function () { return analyticsLogger_1.getDefaultEventParameters; } });
-Object.defineProperty(exports, "getCollectionEnabled", { enumerable: true, get: function () { return analyticsLogger_1.getCollectionEnabled; } });
-Object.defineProperty(exports, "setMaxAnalyticsLogsLimit", { enumerable: true, get: function () { return analyticsLogger_1.setMaxAnalyticsLogsLimit; } });
-Object.defineProperty(exports, "getMaxAnalyticsLogsLimit", { enumerable: true, get: function () { return analyticsLogger_1.getMaxAnalyticsLogsLimit; } });
-Object.defineProperty(exports, "pruneAnalyticsLogs", { enumerable: true, get: function () { return analyticsLogger_1.pruneAnalyticsLogs; } });
-var gaAnalyticsRegistry_1 = require("./helpers/gaAnalyticsRegistry");
-Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
-Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.registerGAPlugin=exports.getEventCategory=exports.pruneAnalyticsLogs=exports.getMaxAnalyticsLogsLimit=exports.setMaxAnalyticsLogsLimit=exports.getCollectionEnabled=exports.getDefaultEventParameters=exports.getCurrentUserId=exports.getCurrentUserProperties=exports.getAnalyticsModuleEnabled=exports.setAnalyticsModuleEnabled=exports.isFirebaseAnalyticsPatched=exports.isAnalyticsConnected=exports.getAnalyticsEvents=exports.clearAnalyticsEvents=exports.subscribeAnalyticsEvents=exports.logAnalyticsEvent=exports.autoSetupAnalyticsLogger=exports.setupAnalyticsLogger=void 0;var analyticsLogger_1=require("./customHooks/analyticsLogger");Object.defineProperty(exports,"setupAnalyticsLogger",{enumerable:!0,get:function(){return analyticsLogger_1.setupAnalyticsLogger}}),Object.defineProperty(exports,"autoSetupAnalyticsLogger",{enumerable:!0,get:function(){return analyticsLogger_1.autoSetupAnalyticsLogger}}),Object.defineProperty(exports,"logAnalyticsEvent",{enumerable:!0,get:function(){return analyticsLogger_1.logAnalyticsEvent}}),Object.defineProperty(exports,"subscribeAnalyticsEvents",{enumerable:!0,get:function(){return analyticsLogger_1.subscribeAnalyticsEvents}}),Object.defineProperty(exports,"clearAnalyticsEvents",{enumerable:!0,get:function(){return analyticsLogger_1.clearAnalyticsEvents}}),Object.defineProperty(exports,"getAnalyticsEvents",{enumerable:!0,get:function(){return analyticsLogger_1.getAnalyticsEvents}}),Object.defineProperty(exports,"isAnalyticsConnected",{enumerable:!0,get:function(){return analyticsLogger_1.isAnalyticsConnected}}),Object.defineProperty(exports,"isFirebaseAnalyticsPatched",{enumerable:!0,get:function(){return analyticsLogger_1.isFirebaseAnalyticsPatched}}),Object.defineProperty(exports,"setAnalyticsModuleEnabled",{enumerable:!0,get:function(){return analyticsLogger_1.setAnalyticsModuleEnabled}}),Object.defineProperty(exports,"getAnalyticsModuleEnabled",{enumerable:!0,get:function(){return analyticsLogger_1.getAnalyticsModuleEnabled}}),Object.defineProperty(exports,"getCurrentUserProperties",{enumerable:!0,get:function(){return analyticsLogger_1.getCurrentUserProperties}}),Object.defineProperty(exports,"getCurrentUserId",{enumerable:!0,get:function(){return analyticsLogger_1.getCurrentUserId}}),Object.defineProperty(exports,"getDefaultEventParameters",{enumerable:!0,get:function(){return analyticsLogger_1.getDefaultEventParameters}}),Object.defineProperty(exports,"getCollectionEnabled",{enumerable:!0,get:function(){return analyticsLogger_1.getCollectionEnabled}}),Object.defineProperty(exports,"setMaxAnalyticsLogsLimit",{enumerable:!0,get:function(){return analyticsLogger_1.setMaxAnalyticsLogsLimit}}),Object.defineProperty(exports,"getMaxAnalyticsLogsLimit",{enumerable:!0,get:function(){return analyticsLogger_1.getMaxAnalyticsLogsLimit}}),Object.defineProperty(exports,"pruneAnalyticsLogs",{enumerable:!0,get:function(){return analyticsLogger_1.pruneAnalyticsLogs}});var gaAnalyticsRegistry_1=require("./helpers/gaAnalyticsRegistry");Object.defineProperty(exports,"getEventCategory",{enumerable:!0,get:function(){return gaAnalyticsRegistry_1.getEventCategory}}),Object.defineProperty(exports,"registerGAPlugin",{enumerable:!0,get:function(){return gaAnalyticsRegistry_1.registerGAPlugin}});

package/dist/commonjs/bundle.js

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BundleSubTab = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = exports.getBundleModuleEnabled = exports.setBundleModuleEnabled = exports.clearCachedBundleAnalysis = exports.getCachedBundleAnalysis = exports.getInitialBundleAnalysis = exports.parseBundleSource = exports.analyzeHostAppBundle = void 0;
-var bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
-Object.defineProperty(exports, "analyzeHostAppBundle", { enumerable: true, get: function () { return bundleAnalyzer_1.analyzeHostAppBundle; } });
-Object.defineProperty(exports, "parseBundleSource", { enumerable: true, get: function () { return bundleAnalyzer_1.parseBundleSource; } });
-Object.defineProperty(exports, "getInitialBundleAnalysis", { enumerable: true, get: function () { return bundleAnalyzer_1.getInitialBundleAnalysis; } });
-Object.defineProperty(exports, "getCachedBundleAnalysis", { enumerable: true, get: function () { return bundleAnalyzer_1.getCachedBundleAnalysis; } });
-Object.defineProperty(exports, "clearCachedBundleAnalysis", { enumerable: true, get: function () { return bundleAnalyzer_1.clearCachedBundleAnalysis; } });
-Object.defineProperty(exports, "setBundleModuleEnabled", { enumerable: true, get: function () { return bundleAnalyzer_1.setBundleModuleEnabled; } });
-Object.defineProperty(exports, "getBundleModuleEnabled", { enumerable: true, get: function () { return bundleAnalyzer_1.getBundleModuleEnabled; } });
-Object.defineProperty(exports, "getHostScriptURL", { enumerable: true, get: function () { return bundleAnalyzer_1.getHostScriptURL; } });
-Object.defineProperty(exports, "trackRuntimeModuleExecution", { enumerable: true, get: function () { return bundleAnalyzer_1.trackRuntimeModuleExecution; } });
-Object.defineProperty(exports, "trackRuntimeDefine", { enumerable: true, get: function () { return bundleAnalyzer_1.trackRuntimeDefine; } });
-var types_1 = require("./types");
-Object.defineProperty(exports, "BundleSubTab", { enumerable: true, get: function () { return types_1.BundleSubTab; } });
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.BundleSubTab=exports.trackRuntimeDefine=exports.trackRuntimeModuleExecution=exports.getHostScriptURL=exports.getBundleModuleEnabled=exports.setBundleModuleEnabled=exports.clearCachedBundleAnalysis=exports.getCachedBundleAnalysis=exports.getInitialBundleAnalysis=exports.parseBundleSource=exports.analyzeHostAppBundle=void 0;var bundleAnalyzer_1=require("./customHooks/bundleAnalyzer");Object.defineProperty(exports,"analyzeHostAppBundle",{enumerable:!0,get:function(){return bundleAnalyzer_1.analyzeHostAppBundle}}),Object.defineProperty(exports,"parseBundleSource",{enumerable:!0,get:function(){return bundleAnalyzer_1.parseBundleSource}}),Object.defineProperty(exports,"getInitialBundleAnalysis",{enumerable:!0,get:function(){return bundleAnalyzer_1.getInitialBundleAnalysis}}),Object.defineProperty(exports,"getCachedBundleAnalysis",{enumerable:!0,get:function(){return bundleAnalyzer_1.getCachedBundleAnalysis}}),Object.defineProperty(exports,"clearCachedBundleAnalysis",{enumerable:!0,get:function(){return bundleAnalyzer_1.clearCachedBundleAnalysis}}),Object.defineProperty(exports,"setBundleModuleEnabled",{enumerable:!0,get:function(){return bundleAnalyzer_1.setBundleModuleEnabled}}),Object.defineProperty(exports,"getBundleModuleEnabled",{enumerable:!0,get:function(){return bundleAnalyzer_1.getBundleModuleEnabled}}),Object.defineProperty(exports,"getHostScriptURL",{enumerable:!0,get:function(){return bundleAnalyzer_1.getHostScriptURL}}),Object.defineProperty(exports,"trackRuntimeModuleExecution",{enumerable:!0,get:function(){return bundleAnalyzer_1.trackRuntimeModuleExecution}}),Object.defineProperty(exports,"trackRuntimeDefine",{enumerable:!0,get:function(){return bundleAnalyzer_1.trackRuntimeDefine}});var types_1=require("./types");Object.defineProperty(exports,"BundleSubTab",{enumerable:!0,get:function(){return types_1.BundleSubTab}});

package/dist/commonjs/capture.js

@@ -1,35 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenRecorder = exports.ScreenCapture = void 0;
-const NativeInspector_1 = require("./native/NativeInspector");
-exports.ScreenCapture = {
-    takeScreenshot: async (options) => {
-        return (0, NativeInspector_1.takeNativeScreenshot)(options);
-    },
-    startRecording: async (options) => {
-        return (0, NativeInspector_1.startNativeVideoRecording)(options);
-    },
-    stopRecording: async () => {
-        return (0, NativeInspector_1.stopNativeVideoRecording)();
-    },
-    isRecording: async () => {
-        return (0, NativeInspector_1.isNativeRecordingActive)();
-    },
-    playVideo: async (videoUri) => {
-        return (0, NativeInspector_1.playNativeVideo)(videoUri);
-    },
-    convertToGif: async (videoUri, options) => {
-        return (0, NativeInspector_1.convertNativeVideoToGif)(videoUri, options);
-    },
-    getMediaList: async () => {
-        return (0, NativeInspector_1.fetchCapturedMediaList)();
-    },
-    deleteMedia: async (uri) => {
-        return (0, NativeInspector_1.deleteCapturedMediaFile)(uri);
-    },
-    clearAllMedia: async () => {
-        return (0, NativeInspector_1.clearAllCapturedMediaFiles)();
-    },
-};
-exports.ScreenRecorder = exports.ScreenCapture;
-exports.default = exports.ScreenCapture;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ScreenRecorder=exports.ScreenCapture=void 0;const NativeInspector_1=require("./native/NativeInspector");exports.ScreenCapture={takeScreenshot:async e=>(0,NativeInspector_1.takeNativeScreenshot)(e),startRecording:async e=>(0,NativeInspector_1.startNativeVideoRecording)(e),stopRecording:async()=>(0,NativeInspector_1.stopNativeVideoRecording)(),isRecording:async()=>(0,NativeInspector_1.isNativeRecordingActive)(),playVideo:async e=>(0,NativeInspector_1.playNativeVideo)(e),convertToGif:async(e,r)=>(0,NativeInspector_1.convertNativeVideoToGif)(e,r),getMediaList:async()=>(0,NativeInspector_1.fetchCapturedMediaList)(),deleteMedia:async e=>(0,NativeInspector_1.deleteCapturedMediaFile)(e),clearAllMedia:async()=>(0,NativeInspector_1.clearAllCapturedMediaFiles)()},exports.ScreenRecorder=exports.ScreenCapture,exports.default=exports.ScreenCapture;