react-native-inapp-inspector 2.3.20 → 2.3.22

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

@@ -1033,7 +1033,7 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
 
     @ReactMethod
     fun playVideo(videoUri: String, promise: Promise) {
-        val currentActivity = currentActivity
+        val currentActivity = reactContext.currentActivity
         if (currentActivity == null) {
             promise.reject("PLAY_ERROR", "No active activity found to play video")
             return
@@ -1143,6 +1143,63 @@ class NetworkInspectorModule(private val reactContext: ReactApplicationContext)
         }
     }
 
+    @ReactMethod
+    fun copyMediaToClipboard(filePath: String, promise: Promise) {
+        val activity = reactContext.currentActivity ?: reactContext
+        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(
+                        reactContext,
+                        "${reactContext.packageName}.provider",
+                        file
+                    )
+                } catch (e: Exception) {
+                    android.net.Uri.fromFile(file)
+                }
+                val clip = android.content.ClipData.newUri(
+                    reactContext.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/components/AppHeaderLogo.js

@@ -1,7 +1,7 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AppHeaderLogo=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),BrandSquareIcon_1=__importDefault(require("./BrandSquareIcon")),AppHeaderLogo=({size:e=46,customIcon:t})=>{const r=Math.round(e*.23);if(t){if(react_1.default.isValidElement(t)){const o=react_1.default.cloneElement(t,{size:e,width:e,height:e});return<react_native_1.View style={[logoStyles.container,{width:e,height:e,borderRadius:r}]}>
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.AppHeaderLogo=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),BrandSquareIcon_1=__importDefault(require("./BrandSquareIcon")),AppColors_1=require("../styles/AppColors"),AppHeaderLogo=({size:e=46,customIcon:t})=>{const r=Math.round(e*.23);if(t){if(react_1.default.isValidElement(t)){const o=react_1.default.cloneElement(t,{size:e,width:e,height:e});return<react_native_1.View style={[logoStyles.container,{width:e,height:e,borderRadius:r}]}>
           {o}
         </react_native_1.View>}return<react_native_1.View style={[logoStyles.imageContainer,{width:e,height:e,borderRadius:r}]}>
         <react_native_1.Image source={t}style={[logoStyles.image,{borderRadius:r-2}]}resizeMode="cover"/>
       </react_native_1.View>}return<react_native_1.View style={[logoStyles.container,{width:e,height:e,borderRadius:r}]}>
       <BrandSquareIcon_1.default size={e}/>
-    </react_native_1.View>};exports.AppHeaderLogo=AppHeaderLogo;const logoStyles=react_native_1.StyleSheet.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.35)",backgroundColor:"rgba(255, 255, 255, 0.12)",shadowColor:"#000000",shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:"rgba(255, 255, 255, 0.15)",borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.4)",alignItems:"center",justifyContent:"center",shadowColor:"#000000",shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3,padding:1.5},image:{width:"100%",height:"100%"}});exports.default=exports.AppHeaderLogo;
+    </react_native_1.View>};exports.AppHeaderLogo=AppHeaderLogo;const logoStyles=react_native_1.StyleSheet.create({container:{overflow:"hidden",alignItems:"center",justifyContent:"center",borderWidth:1.5,borderColor:AppColors_1.AppColors.whiteAlpha33,backgroundColor:AppColors_1.AppColors.whiteAlpha12,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.35,shadowRadius:5,elevation:4},imageContainer:{overflow:"hidden",backgroundColor:AppColors_1.AppColors.whiteAlpha15,borderWidth:1.5,borderColor:AppColors_1.AppColors.whiteAlpha33,alignItems:"center",justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:2},shadowOpacity:.3,shadowRadius:4,elevation:3,padding:1.5},image:{width:"100%",height:"100%"}});exports.default=exports.AppHeaderLogo;

package/dist/commonjs/components/ConsoleLogCard.js

@@ -8,7 +8,7 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <LogSyntaxHighlighter_1.default text={g}search={o}style={t}numberOfLines={l}detectLinks={!0}/>
-      </react_native_1.View>}return<LogSyntaxHighlighter_1.default text={r}search={o}style={t}numberOfLines={l}detectLinks={!0}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:t=""}){const{setSelectedLog:n}=(0,InspectorContext_1.useInspector)(),{t:l}=(0,i18n_1.useTranslation)(),[c,C]=(0,react_1.useState)(!1),i=(0,helpers_1.getJsonContent)(o.message),g=o.message.toLowerCase().includes("[analytics error]"),f=o.sourceMethod==="log",a=o.caller&&o.caller!=="Unknown"?(0,helpers_1.parseStackLine)(o.caller,!0):null,e=(()=>{const p=(o.type||"log").toLowerCase(),d=(o.sourceMethod||p).toLowerCase();return g||p==="error"||d==="error"?{border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:"#FFF8F8",methodBorder:`${AppColors_1.AppColors.errorColor}30`,methodBg:`${AppColors_1.AppColors.errorColor}12`,methodText:AppColors_1.AppColors.errorColor,textColor:AppColors_1.AppColors.redErrorText}:p==="warn"||d==="warn"?{border:AppColors_1.AppColors.amber600,badgeBg:`${AppColors_1.AppColors.amber600}18`,badgeText:AppColors_1.AppColors.amber800,label:"WARN",cardBg:"#FFFDF5",methodBorder:`${AppColors_1.AppColors.amber600}33`,methodBg:`${AppColors_1.AppColors.amber600}14`,methodText:AppColors_1.AppColors.amber800,textColor:AppColors_1.AppColors.amber800}:p==="debug"||d==="debug"?{border:AppColors_1.AppColors.purple500,badgeBg:`${AppColors_1.AppColors.purple500}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:"#FAF8FD",methodBorder:`${AppColors_1.AppColors.purple500}33`,methodBg:`${AppColors_1.AppColors.purple500}12`,methodText:AppColors_1.AppColors.purple,textColor:AppColors_1.AppColors.purpleText}:d==="info"||p==="info"&&d!=="log"?{border:AppColors_1.AppColors.sky500,badgeBg:`${AppColors_1.AppColors.sky500}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:"#F8FAFC",methodBorder:`${AppColors_1.AppColors.sky500}33`,methodBg:`${AppColors_1.AppColors.sky500}12`,methodText:AppColors_1.AppColors.sky600,textColor:AppColors_1.AppColors.blue800}:{border:AppColors_1.AppColors.indigo500,badgeBg:`${AppColors_1.AppColors.indigo500}15`,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",cardBg:AppColors_1.AppColors.white,methodBorder:AppColors_1.AppColors.dividerColor,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt,textColor:AppColors_1.AppColors.primaryBlack}})(),s=i?(0,helpers_1.getJsonPreviewText)(i.data):null,A=()=>{n(o)},T=p=>{p?.stopPropagation?.(),C(d=>!d)};return<react_native_1.View style={styles.container}>
+      </react_native_1.View>}return<LogSyntaxHighlighter_1.default text={r}search={o}style={t}numberOfLines={l}detectLinks={!0}/>};exports.ConsoleLogCard=react_1.default.memo(function({item:o,searchStr:t=""}){const{setSelectedLog:n}=(0,InspectorContext_1.useInspector)(),{t:l}=(0,i18n_1.useTranslation)(),[c,C]=(0,react_1.useState)(!1),i=(0,helpers_1.getJsonContent)(o.message),g=o.message.toLowerCase().includes("[analytics error]"),f=o.sourceMethod==="log",a=o.caller&&o.caller!=="Unknown"?(0,helpers_1.parseStackLine)(o.caller,!0):null,e=(()=>{const p=(o.type||"log").toLowerCase(),d=(o.sourceMethod||p).toLowerCase();return g||p==="error"||d==="error"?{border:AppColors_1.AppColors.errorColor,badgeBg:`${AppColors_1.AppColors.errorColor}18`,badgeText:AppColors_1.AppColors.errorColor,label:"ERROR",cardBg:AppColors_1.AppColors.errorCardBg,methodBorder:`${AppColors_1.AppColors.errorColor}30`,methodBg:`${AppColors_1.AppColors.errorColor}12`,methodText:AppColors_1.AppColors.errorColor,textColor:AppColors_1.AppColors.redErrorText}:p==="warn"||d==="warn"?{border:AppColors_1.AppColors.amber600,badgeBg:`${AppColors_1.AppColors.amber600}18`,badgeText:AppColors_1.AppColors.amber800,label:"WARN",cardBg:AppColors_1.AppColors.warnCardBg,methodBorder:`${AppColors_1.AppColors.amber600}33`,methodBg:`${AppColors_1.AppColors.amber600}14`,methodText:AppColors_1.AppColors.amber800,textColor:AppColors_1.AppColors.amber800}:p==="debug"||d==="debug"?{border:AppColors_1.AppColors.purple500,badgeBg:`${AppColors_1.AppColors.purple500}18`,badgeText:AppColors_1.AppColors.purple,label:"DEBUG",cardBg:AppColors_1.AppColors.purpleTintBg,methodBorder:`${AppColors_1.AppColors.purple500}33`,methodBg:`${AppColors_1.AppColors.purple500}12`,methodText:AppColors_1.AppColors.purple,textColor:AppColors_1.AppColors.purpleText}:d==="info"||p==="info"&&d!=="log"?{border:AppColors_1.AppColors.sky500,badgeBg:`${AppColors_1.AppColors.sky500}18`,badgeText:AppColors_1.AppColors.sky600,label:"INFO",cardBg:AppColors_1.AppColors.blueTintBg,methodBorder:`${AppColors_1.AppColors.sky500}33`,methodBg:`${AppColors_1.AppColors.sky500}12`,methodText:AppColors_1.AppColors.sky600,textColor:AppColors_1.AppColors.blue800}:{border:AppColors_1.AppColors.indigo500,badgeBg:`${AppColors_1.AppColors.indigo500}15`,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",cardBg:AppColors_1.AppColors.white,methodBorder:AppColors_1.AppColors.dividerColor,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt,textColor:AppColors_1.AppColors.primaryBlack}})(),s=i?(0,helpers_1.getJsonPreviewText)(i.data):null,A=()=>{n(o)},T=p=>{p?.stopPropagation?.(),C(d=>!d)};return<react_native_1.View style={styles.container}>
       <react_native_1.Pressable onPress={A}style={({pressed:p})=>[styles.card,{borderLeftColor:e.border,borderLeftWidth:3.5,backgroundColor:e.cardBg},p&&styles.cardPressed]}>
         
         <react_native_1.View style={styles.cardHeader}>

package/dist/commonjs/components/HighlightText.js

@@ -1,17 +1,17 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),helpers_1=require("../helpers"),HighlightText=react_1.default.memo(function({text:t,search:r,style:i,highlightStyle:l,detectLinks:x,numberOfLines:_,...o}){if(!t||t.length>2e4&&!r&&!x)return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+"use strict";var __importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),react_native_1=require("react-native"),helpers_1=require("../helpers"),AppColors_1=require("../styles/AppColors"),HighlightText=react_1.default.memo(function({text:t,search:n,style:a,highlightStyle:c,detectLinks:u,numberOfLines:o,...s}){if(!t||t.length>2e4&&!n&&!u)return<react_native_1.Text style={a}numberOfLines={o}{...s}>
         {t}
-      </react_native_1.Text>;const u=/(https?:\/\/[^\s]+)/g,g=(n,e)=>{if(!r)return<react_native_1.Text key={e}>{n}</react_native_1.Text>;const s=new RegExp(`(${(0,helpers_1.escapeRegex)(r)})`,"gi"),f=n.split(s);return<react_native_1.Text key={e}>
-        {f.map((c,T)=>c.toLowerCase()===r.toLowerCase()?<react_native_1.Text key={T}style={l}>
-              {c}
-            </react_native_1.Text>:<react_native_1.Text key={T}>{c}</react_native_1.Text>)}
-      </react_native_1.Text>};if(x&&t&&t.length<2e4){const n=t.split(u);return<react_native_1.Text style={i}numberOfLines={_}{...o}>
-        {n.map((e,s)=>e.match(u)?<react_native_1.Text key={`link-${s}`}style={{color:"#007AFF",textDecorationLine:"underline"}}onPress={()=>{(0,helpers_1.handleOpenExternalLink)(e)}}>
+      </react_native_1.Text>;const x=/(https?:\/\/[^\s]+)/g,p=(r,e)=>{if(!n)return<react_native_1.Text key={e}>{r}</react_native_1.Text>;const _=new RegExp(`(${(0,helpers_1.escapeRegex)(n)})`,"gi"),f=r.split(_);return<react_native_1.Text key={e}>
+        {f.map((l,T)=>l.toLowerCase()===n.toLowerCase()?<react_native_1.Text key={T}style={c}>
+              {l}
+            </react_native_1.Text>:<react_native_1.Text key={T}>{l}</react_native_1.Text>)}
+      </react_native_1.Text>};if(u&&t&&t.length<2e4){const r=t.split(x);return<react_native_1.Text style={a}numberOfLines={o}{...s}>
+        {r.map((e,_)=>e.match(x)?<react_native_1.Text key={`link-${_}`}style={{color:AppColors_1.AppColors.skyBlue,textDecorationLine:"underline"}}onPress={()=>{(0,helpers_1.handleOpenExternalLink)(e)}}>
                 {e}
-              </react_native_1.Text>:g(e,`text-${s}`))}
-      </react_native_1.Text>}if(!r)return<react_native_1.Text style={i}numberOfLines={_}{...o}>
+              </react_native_1.Text>:p(e,`text-${_}`))}
+      </react_native_1.Text>}if(!n)return<react_native_1.Text style={a}numberOfLines={o}{...s}>
         {t}
-      </react_native_1.Text>;const p=new RegExp(`(${(0,helpers_1.escapeRegex)(r)})`,"gi"),v=t.split(p);return<react_native_1.Text style={i}numberOfLines={_}{...o}>
-      {v.map((n,e)=>n.toLowerCase()===r.toLowerCase()?<react_native_1.Text key={e}style={l}>
-            {n}
-          </react_native_1.Text>:<react_native_1.Text key={e}>{n}</react_native_1.Text>)}
+      </react_native_1.Text>;const g=new RegExp(`(${(0,helpers_1.escapeRegex)(n)})`,"gi"),v=t.split(g);return<react_native_1.Text style={a}numberOfLines={o}{...s}>
+      {v.map((r,e)=>r.toLowerCase()===n.toLowerCase()?<react_native_1.Text key={e}style={c}>
+            {r}
+          </react_native_1.Text>:<react_native_1.Text key={e}>{r}</react_native_1.Text>)}
     </react_native_1.Text>});exports.default=HighlightText;