react-native-inapp-inspector 2.4.1 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "2.4.1",
+  "version": "2.5.0",
   "description": "The zero-config, all-in-one in-app debugger & network logger for React Native & Expo (Flipper / Chucker alternative). Inspect Network (fetch/Axios/GraphQL), Console logs with Metro Symbolication, Redux State, Firebase Analytics, Storage (AsyncStorage/MMKV), Hardware Telemetry, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",
@@ -80,6 +80,20 @@
       "require": "./dist/commonjs/push.js",
       "default": "./dist/commonjs/push.js"
     },
+    "./socket": {
+      "react-native": "./dist/commonjs/socket.js",
+      "types": "./dist/commonjs/socket.d.ts",
+      "import": "./dist/esm/socket.js",
+      "require": "./dist/commonjs/socket.js",
+      "default": "./dist/commonjs/socket.js"
+    },
+    "./editor": {
+      "react-native": "./dist/commonjs/editor.js",
+      "types": "./dist/commonjs/editor.d.ts",
+      "import": "./dist/esm/editor.js",
+      "require": "./dist/commonjs/editor.js",
+      "default": "./dist/commonjs/editor.js"
+    },
     "./metro": {
       "types": "./dist/commonjs/metro.d.ts",
       "import": "./dist/esm/metro.js",
@@ -92,8 +106,11 @@
     "dist",
     "src/native",
     "bin",
+    "assets",
     "metro.js",
     "metro.d.ts",
+    "editor.js",
+    "editor.d.ts",
     "README.md",
     "android",
     "ios",
@@ -186,7 +203,201 @@
     "zero-config",
     "debug-tool",
     "ios",
-    "android"
+    "android",
+    "react-native-usa",
+    "react-native-uk",
+    "react-native-canada",
+    "react-native-australia",
+    "react-native-singapore",
+    "react-native-nigeria",
+    "react-native-抓包",
+    "移动端抓包",
+    "网络监控",
+    "调试工具",
+    "移动端调试器",
+    "移动端控制台",
+    "flipper替代方案",
+    "chucker替代方案",
+    "charles替代方案",
+    "proxyman替代",
+    "WebSocket抓包",
+    "MMKV查看器",
+    "AsyncStorage查看器",
+    "行動端偵錯",
+    "網路封包側錄",
+    "免电脑抓包",
+    "APP抓包工具",
+    "移动端开发工具",
+    "react-native网络日志",
+    "移动端网络调试",
+    "真机调试工具",
+    "react-native开发者工具",
+    "リアクトネイティブ",
+    "デバッガー",
+    "ネットワークロガー",
+    "パケットキャプチャ",
+    "開発ツール",
+    "フリッパー代替",
+    "通信ログ監視",
+    "チャールズ代替",
+    "アプリ内デバッガー",
+    "モバイル開発ツール",
+    "通信監視ツール",
+    "WebSocketデバッグ",
+    "端末内インスペクター",
+    "react-nativeデバッグ",
+    "モバイルパケットキャプチャ",
+    "通信ログ",
+    "端末内デバッガ",
+    "depurador-react-native",
+    "captura-de-red",
+    "registro-de-red",
+    "herramientas-desarrollo",
+    "alternativa-flipper",
+    "alternativa-charles",
+    "inspector-en-app",
+    "depuracion-movil",
+    "monitor-de-trafico-movil",
+    "react-native-mexico",
+    "react-native-colombia",
+    "react-native-argentina",
+    "react-native-espana",
+    "herramientas-desarrollador-movil",
+    "netzwerk-logger",
+    "entwicklertools",
+    "in-app-debugger-deutsch",
+    "paketmitschnitt",
+    "in-app-debugger-deutschland",
+    "netzwerk-mitschnitt",
+    "chucker-alternative-deutsch",
+    "fehlersuche-mobil",
+    "react-native-entwickler",
+    "speicher-inspektor",
+    "react-native-schweiz",
+    "react-native-oesterreich",
+    "debogueur-react-native",
+    "inspecteur-reseau",
+    "outils-developpement",
+    "capture-paquets-mobile",
+    "inspecteur-reseau-france",
+    "debogueur-mobile-france",
+    "alternative-flipper",
+    "journal-reseau",
+    "analyseur-reseau-mobile",
+    "depannage-mobile-react-native",
+    "depurador-mobile",
+    "inspetor-de-rede",
+    "ferramentas-dev",
+    "depurador-react-native-brasil",
+    "captura-de-pacotes",
+    "editor-de-storage-mobile",
+    "react-native-brasil",
+    "react-native-portugal",
+    "monitor-de-rede-mobile",
+    "리액트네이티브",
+    "디버거",
+    "네트워크로거",
+    "모바일디버깅",
+    "패킷캡처",
+    "플리퍼대체",
+    "리액트네이티브디버깅",
+    "모바일네트워크로거",
+    "차커대체",
+    "찰스프록시대체",
+    "인앱디버거",
+    "웹소켓로거",
+    "단말기디버거",
+    "모바일개발도구",
+    "отладчик-react-native",
+    "сниффер-сети",
+    "логирование-сети",
+    "альтернатива-flipper",
+    "перехватчик-трафика",
+    "мобильная-отладка",
+    "инспектор-сети",
+    "отладка-приложений-react-native",
+    "فاحص-الشبكة-رياكت-نيتف",
+    "مصحح-أخطاء-الموبايل",
+    "مراقب-الشبكة",
+    "بديل-فليبر",
+    "أدوات-مطور-رياكت-نيتف",
+    "فاحص-الشبكة-المحمول",
+    "تسجيل-حزم-البيانات",
+    "debugger-react-native-italia",
+    "ispettore-di-rete",
+    "strumenti-sviluppo-mobile",
+    "cattura-traffico-mobile",
+    "alternativa-flipper-italia",
+    "registro-chiamate-rete",
+    "netwerk-inspecteur-nederlands",
+    "netwerk-logger-nederland",
+    "mobiele-debugger",
+    "react-native-ontwikkelaar",
+    "pakket-sniffer-mobiel",
+    "flipper-alternatief-nederland",
+    "debuger-react-native-polska",
+    "inspektor-sieci-mobilnej",
+    "narzedzia-programistyczne",
+    "rejestrator-pakietow",
+    "rejestrator-sieci-react-native-polska",
+    "inspektor-aplikacji-mobilnych",
+    "ag-gunlukcusu-turkce",
+    "hata-ayiklayici",
+    "ag-denetleyicisi",
+    "flipper-alternatifi",
+    "react-native-gelistirici-araclari",
+    "mobil-paket-yakalama",
+    "alat-debug-react-native-indonesia",
+    "pelacak-jaringan-mobile",
+    "inspektur-jaringan",
+    "alternatif-flipper",
+    "pelacak-jaringan-aplikasi",
+    "debug-mobile-indonesia",
+    "kiem-tra-mang-react-native-vietnam",
+    "ghi-log-mang-mobile",
+    "cong-cu-debug-ung-dung",
+    "thay-the-flipper",
+    "bat-goi-tin-mang-react-native",
+    "phan-tich-luu-luong-mang",
+    "ดีบักเกอร์-react-native-thai",
+    "เครื่องมือตรวจสอบเครือข่าย",
+    "เครื่องมือบันทึกเน็ตเวิร์ก",
+    "ทางเลือก-flipper",
+    "ตัวดักจับแพ็กเก็ต-react-native",
+    "เครื่องมือนักพัฒนาไทย",
+    "налагоджувач-react-native-україна",
+    "логер-мережі",
+    "інструменти-розробника-react-native",
+    "natverkslogg-sverige",
+    "felsokare-react-native",
+    "utvecklarverktyg-react-native",
+    "tagasuri-ng-network-react-native",
+    "mobile-network-logger-ph",
+    "react-native-philippines",
+    "מנפה-שגיאות-אפליקציות",
+    "ניטור-רשת-מובייל",
+    "כלי-פיתוח-ריאקט-נייטיב",
+    "react-native-india",
+    "नेटवर्क-लॉगर",
+    "डिबगिंग-टूल",
+    "मोबाइल-ऐप-डिबगिंग",
+    "इन-ऐप-इंस्पेक्टर",
+    "வலைப்பின்னல்-பதிவர்",
+    "நெட்வொர்க்-இன்ஸ்பெக்டர்",
+    "வலைப்பின்னல்-ஆய்வாளர்",
+    "நெట్‌వర్క్-లాగర్",
+    "నెట్‌వర్క్-ఇన్‌స్పెక్టర్",
+    "ನೆಟ್‌ವರ್ಕ್-ಲಾಗರ್",
+    "ನೆಟ್‌ವರ್ಕ್-ಇನ್‌ಸ್ಪೆಕ್ಟರ್",
+    "നെറ്റ്‌വർക്ക്-ലോഗർ",
+    "നെറ്റ്‌വർക്ക്-ഇൻസ്പെക്ടർ",
+    "নেটওয়ার্ক-লগার",
+    "মোবাইল-ডিবাগার",
+    "नेटवर्क-लॉगर-मराठी",
+    "react-native-bangalore",
+    "react-native-hyderabad",
+    "react-native-pune",
+    "mobile-devtools-global"
   ],
   "author": "Vengateswaran Balakrishnan",
   "contributors": [

package/react-native-inapp-inspector.podspec

@@ -13,7 +13,7 @@ Pod::Spec.new do |s|
   s.source       = { :git => "https://github.com/vengatmacuser/react-native-inapp-inspector.git", :tag => "v#{s.version}" }
   s.source_files = "ios/**/*.{h,m,mm,swift}"
   s.requires_arc = true
-  s.frameworks   = "AVFoundation", "AVKit", "ReplayKit", "CoreMedia", "CoreVideo", "ImageIO", "MobileCoreServices", "QuartzCore"
+  s.frameworks   = "AVFoundation", "AVKit", "ReplayKit", "CoreMedia", "CoreVideo", "ImageIO", "MobileCoreServices", "QuartzCore", "CoreImage"
 
   # React Native New Architecture (TurboModules & Codegen) support
   if respond_to?(:install_modules_dependencies, true)

package/src/native/NativeInspector.ts

@@ -42,7 +42,9 @@ export interface NativeCrashEvent {
 
 // Seamless TurboModule (New Architecture / JSI) & Legacy NativeModules Bridge resolution
 const NativeModule: any =
-  NativeNetworkInspector || NativeModules.NetworkInspectorModule;
+  NativeNetworkInspector ||
+  NativeModules.NetworkInspectorModule ||
+  NativeModules.NetworkInspector;
 
 export const isNativeModuleAvailable = (): boolean => {
   return !!NativeModule;
@@ -457,11 +459,19 @@ export interface ScreenshotResult {
 }
 
 export interface RecordingOptions {
+  /** Output format: 'mp4' (H.264) or 'gif' (animated GIF). Default: 'mp4' */
   format?: 'mp4' | 'gif';
+  /** Audio source: 'none' (muted), 'app' (in-app audio), 'mic' (microphone), 'mixed'. Default: 'none' */
   audioSource?: 'none' | 'app' | 'mic' | 'mixed';
+  /** Target frames per second: 5–60. Default: 30 */
   fps?: number;
+  /** Resolution scale factor: 0.2–1.0. Lower = smaller file, less CPU. Default: 0.5 */
+  scale?: number;
+  /** H.264 encoding bitrate in bits/sec. 0 = auto (adaptive to resolution). Default: auto */
   bitrate?: number;
+  /** Maximum recording duration in seconds: 5–300. Default: 120 */
   maxDurationSeconds?: number;
+  /** Temporarily hide inspector overlay during recording. Default: false */
   hideInspector?: boolean;
 }
 
@@ -603,9 +613,9 @@ export const fetchCapturedMediaList = async (): Promise<CapturedMediaItem[]> =>
     return [];
   }
   try {
-    const jsonStr: string = await NativeModule.getCapturedMedia();
-    if (!jsonStr) return [];
-    const parsed = JSON.parse(jsonStr);
+    const raw: any = await NativeModule.getCapturedMedia();
+    if (!raw) return [];
+    const parsed = typeof raw === 'string' ? JSON.parse(raw) : raw;
     return Array.isArray(parsed) ? parsed : [];
   } catch {
     return [];
@@ -658,4 +668,55 @@ export const copyMediaToClipboard = async (filePath: string): Promise<boolean> =
   }
 };
 
+/**
+ * 100% Native photo editing (lossless crop, rotate, flip, and GPU color grading).
+ */
+export const editNativePhoto = async (
+  options: import('../types/editor').PhotoEditOptions,
+): Promise<import('../types/editor').PhotoEditResult | null> => {
+  if (!NativeModule || !NativeModule.editPhoto) {
+    return null;
+  }
+  try {
+    const result = await NativeModule.editPhoto(options);
+    return result as import('../types/editor').PhotoEditResult;
+  } catch (err) {
+    return null;
+  }
+};
+
+/**
+ * 100% Native hardware-accelerated video trimming and export.
+ */
+export const trimNativeVideo = async (
+  options: import('../types/editor').VideoTrimOptions,
+): Promise<import('../types/editor').VideoTrimResult | null> => {
+  if (!NativeModule || !NativeModule.trimVideo) {
+    return null;
+  }
+  try {
+    const result = await NativeModule.trimVideo(options);
+    return result as import('../types/editor').VideoTrimResult;
+  } catch (err) {
+    return null;
+  }
+};
+
+/**
+ * 100% Native video filmstrip thumbnail generator for timeline scrubbers.
+ */
+export const generateNativeFilmstrip = async (
+  options: import('../types/editor').FilmstripOptions,
+): Promise<import('../types/editor').FilmstripResult | null> => {
+  if (!NativeModule || !NativeModule.generateFilmstrip) {
+    return null;
+  }
+  try {
+    const result = await NativeModule.generateFilmstrip(options);
+    return result as import('../types/editor').FilmstripResult;
+  } catch (err) {
+    return null;
+  }
+};
+
 

package/src/native/NativeNetworkInspector.ts

@@ -26,6 +26,10 @@ export interface Spec extends TurboModule {
   getCapturedMedia(): Promise<string>;
   deleteCapturedMedia(uri: string): Promise<boolean>;
   clearAllCapturedMedia(): Promise<boolean>;
+  copyMediaToClipboard(filePath: string): Promise<Object>;
+  editPhoto(options: Object): Promise<Object>;
+  trimVideo(options: Object): Promise<Object>;
+  generateFilmstrip(options: Object): Promise<Object>;
   addListener(eventName: string): void;
   removeListeners(count: number): void;
 }