react-native-inapp-inspector 2.3.15 → 2.3.17

package/dist/commonjs/i18n/locales/en.json

@@ -24,7 +24,19 @@
         "updateAvailableTitle": "Update Available",
         "updateAvailableMessage": "react-native-inapp-inspector v{{version}} is available on NPM (installed: v{{installed}}).",
         "clearEverythingTitle": "Clear Everything",
-        "clearEverythingMessage": "This clears all tabs — APIs, Logs, Analytics and Redux timeline. Continue?",
+        "clearEverythingMessage": "This clears all tabs — APIs, Logs, Analytics, Redux timeline and Crash history. Continue?",
+        "photo": "Photo",
+        "record": "Record",
+        "rec": "REC",
+        "clear": "Clear",
+        "about": "About",
+        "screenshotCaptured": "📸 Screenshot captured & saved",
+        "screenshotFailed": "Failed to capture screenshot",
+        "screenshotError": "Error taking screenshot",
+        "recordingStarted": "🔴 Video recording started",
+        "recordingSaved": "🎥 Recording saved ({{duration}}s)",
+        "recordingError": "Recording error",
+        "recordingStartFailed": "Failed to start recording",
         "paramCount": "{{count}} param",
         "paramCount_plural": "{{count}} params",
         "sourceFirebase": "FB",
@@ -41,7 +53,8 @@
         "performance": "Performance",
         "crash": "Crash",
         "device": "Device",
-        "storage": "Storage"
+        "storage": "Storage",
+        "media": "Media"
     },
     "settings": {
         "mainTitle": "Settings & Modules",
@@ -58,6 +71,7 @@
         "modulesAndTools": "Modules & Tools",
         "uiPreferences": "UI & Display",
         "ramLimits": "RAM & Limits",
+        "screenVideoCapture": "Screen & Video Capture",
         "zeroOverheadTitle": "Zero Background Overhead",
         "zeroOverheadDesc": "Check the modules you wish to activate. Disabled modules consume 0% CPU & memory until saved.",
         "unsavedPending": "● Unsaved selections pending",
@@ -161,6 +175,32 @@
             "clearHistoryDesc": "{{count}} crash logs stored",
             "historyCleared": "Crash logs cleared."
         },
+        "media": {
+            "title": "Screen & Video Capture",
+            "badge": "Native H.264 / GIF",
+            "desc": "Configure screenshot formats, quality, video FPS, audio narration, GIF recording & storage",
+            "screenshotCardTitle": "Screenshot Formats & Quality",
+            "screenshotCardDesc": "High-resolution full-window snapshot configuration",
+            "imageFormat": "Image Format",
+            "imageFormatDesc": "PNG (lossless), JPEG (compact), or WEBP",
+            "autoHide": "Auto-Hide Inspector Overlay",
+            "autoHideDesc": "Excludes inspector UI from screenshots",
+            "enabled": "ENABLED",
+            "videoCardTitle": "Video & GIF Recording",
+            "videoCardDesc": "H.264 MP4 recording & animated GIF export",
+            "audioMode": "Audio Narration Mode",
+            "audioModeDesc": "Muted, App Audio, or Voice Narration",
+            "frameRate": "Frame Rate",
+            "frameRateDesc": "Higher FPS yields smoother recordings",
+            "gifAutoOpt": "GIF Auto-Optimization",
+            "gifAutoOptDesc": "Converts video recordings for GitHub PRs & Slack",
+            "purgeAll": "Purge All Captured Media",
+            "purgeAllDesc": "Deletes all stored screenshots, videos, and GIFs",
+            "purgeCacheBtn": "Purge Cache",
+            "purgeConfirmTitle": "Purge Media Storage",
+            "purgeConfirmMessage": "This deletes all captured media files from local cache. Continue?",
+            "purgedSuccess": "Media storage purged"
+        },
         "general": {
             "darkMode": "Dark Mode Theme",
             "darkModeDescription": "Toggle sleek dark aesthetic or light contrast",
@@ -1054,5 +1094,29 @@
         "frameCopy": "Copy",
         "frameCopied": "Copied",
         "componentHierarchy": "Component Hierarchy"
+    },
+    "mediaGallery": {
+        "all": "All ({{count}})",
+        "photos": "Photos",
+        "videos": "Videos",
+        "gifs": "GIFs",
+        "purge": "Purge ({{size}})",
+        "purgeTitle": "Purge All Media",
+        "purgeMessage": "This will permanently delete all {{count}} captured screenshots, videos, and GIFs ({{size}}). Continue?",
+        "noMediaTitle": "No Captured Media",
+        "noMediaDesc": "Use the Photo or Video Record button in the toolbar to capture whole-app screenshots, screen recordings, or GIFs.",
+        "deleted": "Deleted media item",
+        "allPurged": "All captured media purged",
+        "converting": "Converting...",
+        "convertToGif": "Convert to GIF",
+        "convertedSuccess": "Converted to Animated GIF successfully!",
+        "convertFailed": "Failed to convert to GIF",
+        "share": "Share",
+        "copyUri": "Copy URI",
+        "uriCopied": "File URI copied to clipboard",
+        "delete": "Delete",
+        "deleteTitle": "Delete Media",
+        "deleteMessage": "Are you sure you want to delete {{filename}}?",
+        "shareUnavailable": "Sharing not available on this device"
     }
 }

package/dist/commonjs/index.d.ts

@@ -26,4 +26,6 @@ export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimation
 export { AppFonts, setAppFonts, type AppFontConfig, } from './styles/AppFonts';
 export { AppColors, setAppColors, getThemeColors, updateAppColorsTheme, } from './styles/AppColors';
 export { t, i18n, useTranslation, setLanguage, addTranslations, setTranslations, I18nextProvider, } from './i18n';
+export { fetchRemoteConfigModuleStatus, isFirebaseRemoteConfigAvailable, } from './helpers/remoteConfig';
+export { ScreenCapture, ScreenRecorder, type ScreenshotOptions, type ScreenshotResult, type RecordingOptions, type RecordingResult, type GifConversionOptions, type CapturedMediaItem, type ImageFormat, type AudioSource, type RecordingFormat, } from './capture';
 export { LIB_VERSION } from './constants/version';

package/dist/commonjs/index.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
 exports.connectMMKV = exports.connectAsyncStorage = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.prunePerformanceEvents = exports.getMaxPerformanceEventsLimit = exports.setMaxPerformanceEventsLimit = exports.pruneCrashRecords = exports.getMaxCrashLogsLimit = exports.pruneAnalyticsLogs = exports.getMaxAnalyticsLogsLimit = exports.setMaxAnalyticsLogsLimit = exports.pruneReduxHistory = exports.getMaxReduxHistoryLimit = exports.setMaxReduxHistoryLimit = exports.pruneConsoleLogs = exports.getMaxConsoleLogsLimit = exports.setMaxConsoleLogsLimit = exports.pruneNetworkLogs = exports.getMaxNetworkLogsLimit = exports.setMaxNetworkLogsLimit = exports.subscribeMemoryWarning = exports.pruneAllLogs = exports.setupMemoryWarningHandler = exports.isNativeModuleAvailable = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeDeviceShake = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
-exports.LIB_VERSION = exports.I18nextProvider = exports.setTranslations = exports.addTranslations = exports.setLanguage = exports.useTranslation = exports.i18n = exports.t = exports.updateAppColorsTheme = exports.getThemeColors = exports.setAppColors = exports.AppColors = exports.setAppFonts = exports.AppFonts = exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.subscribeToStorageChanges = exports.clearStorageDriver = exports.removeStorageEntry = exports.setStorageEntry = exports.fetchStorageEntries = exports.getRegisteredMMKVInstanceIds = exports.isMMKVConnected = exports.isAsyncStorageConnected = void 0;
+exports.LIB_VERSION = exports.ScreenRecorder = exports.ScreenCapture = exports.isFirebaseRemoteConfigAvailable = exports.fetchRemoteConfigModuleStatus = exports.I18nextProvider = exports.setTranslations = exports.addTranslations = exports.setLanguage = exports.useTranslation = exports.i18n = exports.t = exports.updateAppColorsTheme = exports.getThemeColors = exports.setAppColors = exports.AppColors = exports.setAppFonts = exports.AppFonts = exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.subscribeToStorageChanges = exports.clearStorageDriver = exports.removeStorageEntry = exports.setStorageEntry = exports.fetchStorageEntries = exports.getRegisteredMMKVInstanceIds = exports.isMMKVConnected = exports.isAsyncStorageConnected = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -59,9 +59,10 @@ const reduxLogger_1 = require("./customHooks/reduxLogger");
 const performanceTracker_1 = require("./customHooks/performanceTracker");
 const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
 const NativeInspector_2 = require("./native/NativeInspector");
+const remoteConfig_1 = require("./helpers/remoteConfig");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
-const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, }) => {
+const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, remoteConfig, }) => {
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
     const [reduxState, setReduxState] = (0, react_1.useState)(null);
@@ -198,6 +199,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [logSearch, setLogSearch] = (0, react_1.useState)('');
     const [logFilters, setLogFilters] = (0, react_1.useState)(new Set(['all']));
     const [settingsPage, setSettingsPage] = (0, react_1.useState)(null);
+    const [isFeedbackOpen, setIsFeedbackOpen] = (0, react_1.useState)(false);
     const [settingsActiveSubTab, setSettingsActiveSubTab] = (0, react_1.useState)('module');
     const [tabVisibility, setTabVisibility] = (0, react_1.useState)({
         apis: true,
@@ -350,6 +352,25 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             cancelled = true;
         };
     }, []);
+    (0, react_1.useEffect)(() => {
+        let isMounted = true;
+        if (remoteConfig === false)
+            return;
+        (0, remoteConfig_1.fetchRemoteConfigModuleStatus)(typeof remoteConfig === 'object' ? remoteConfig : undefined)
+            .then(remoteModules => {
+            if (isMounted && remoteModules) {
+                setTabVisibility(prev => ({
+                    ...prev,
+                    ...remoteModules,
+                    apis: remoteModules.apis ?? true,
+                }));
+            }
+        })
+            .catch(() => { });
+        return () => {
+            isMounted = false;
+        };
+    }, [remoteConfig]);
     (0, react_1.useEffect)(() => {
         if (!settingsHydratedRef.current)
             return;
@@ -489,6 +510,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             setActiveTab(key);
             loadNativePage(key);
         }
+        (0, telemetry_1.trackInspectorTabView)(key);
     }, [loadNativePage]);
     const [selectedEvent, setSelectedEvent] = (0, react_1.useState)(null);
     const [analyticsSearch, setAnalyticsSearch] = (0, react_1.useState)('');
@@ -667,12 +689,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             react_native_1.Animated.timing(clearAnim, {
                 toValue: 1,
                 duration: 320,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(clearAnim, {
                 toValue: 0,
                 duration: 0,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]).start();
         handleClearAll();
@@ -683,49 +705,53 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         }
     }, []);
     (0, react_1.useEffect)(() => {
+        if (visible)
+            return;
         const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
             react_native_1.Animated.timing(pulseAnim, {
                 toValue: 1.2,
                 duration: 800,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(pulseAnim, {
                 toValue: 1,
                 duration: 800,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         loop.start();
         return () => loop.stop();
-    }, [pulseAnim]);
+    }, [pulseAnim, visible]);
     (0, react_1.useEffect)(() => {
+        if (visible)
+            return;
         const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
             react_native_1.Animated.timing(fabShineAnim, {
                 toValue: 1,
                 duration: 1100,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.delay(1600),
             react_native_1.Animated.timing(fabShineAnim, {
                 toValue: 0,
                 duration: 0,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         loop.start();
         return () => loop.stop();
-    }, [fabShineAnim]);
+    }, [fabShineAnim, visible]);
     (0, react_1.useEffect)(() => {
         const loop = react_native_1.Animated.loop(react_native_1.Animated.sequence([
             react_native_1.Animated.timing(activePulseAnim, {
                 toValue: 1,
                 duration: 1200,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(activePulseAnim, {
                 toValue: 0.4,
                 duration: 1200,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         loop.start();
@@ -736,12 +762,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             react_native_1.Animated.timing(unreadPulseAnim, {
                 toValue: 1.3,
                 duration: 800,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(unreadPulseAnim, {
                 toValue: 0.8,
                 duration: 800,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         loop.start();
@@ -779,6 +805,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         if (!useNativeFab)
             return;
         const unsubscribe = (0, NativeInspector_2.subscribeNativeFloatingButtonPress)(() => {
+            (0, NativeInspector_2.hideNativeFloatingButton)().catch(() => { });
             setVisible(true);
         });
         return () => {
@@ -789,7 +816,13 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         if (!useNativeFab)
             return;
         const unsubscribe = (0, NativeInspector_2.subscribeNativeDeviceShake)(() => {
-            setVisible(prev => !prev);
+            setVisible(prev => {
+                const next = !prev;
+                if (next) {
+                    (0, NativeInspector_2.hideNativeFloatingButton)().catch(() => { });
+                }
+                return next;
+            });
         });
         return () => {
             unsubscribe();
@@ -799,10 +832,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     (0, react_1.useEffect)(() => {
         isVisibleRefObj.current = visible;
         if (visible) {
+            (0, telemetry_1.trackInspectorScreenView)('InspectorModal');
             const target = defaultTab === 'apis' || tabVisibility?.[defaultTab]
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
+            (0, telemetry_1.trackInspectorTabView)(target);
             if (latestNetworkLogsRef.current.length > 0) {
                 const deduped = (0, helpers_1.deduplicateLogs)(latestNetworkLogsRef.current);
                 const incoming = new Set(deduped.map(l => l.id));
@@ -1169,18 +1204,20 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, []);
     const groupedData = (0, react_1.useMemo)(() => {
         const result = [];
-        const groups = [];
+        const groupMap = new Map();
         for (let i = 0; i < filteredLogs.length; i++) {
             const log = filteredLogs[i];
             const routeInfo = logRouteMapRef.current.get(log.id) || log?.routeInfo;
             const pageName = (0, helpers_1.getLogPageName)(log, routeInfo);
-            if (groups.length === 0 ||
-                groups[groups.length - 1].pageName !== pageName) {
-                groups.push({ pageName, color: (0, helpers_1.getDomainColor)(pageName), logs: [] });
+            let group = groupMap.get(pageName);
+            if (!group) {
+                group = { pageName, color: (0, helpers_1.getDomainColor)(pageName), logs: [] };
+                groupMap.set(pageName, group);
             }
-            groups[groups.length - 1].logs.push(log);
+            group.logs.push(log);
         }
-        groups.forEach((g, idx) => {
+        let idx = 0;
+        groupMap.forEach(g => {
             let success = 0;
             let failed = 0;
             let loading = 0;
@@ -1197,7 +1234,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             const timestamp = g.logs[0]?.startTime || 0;
             result.push({
                 type: 'header',
-                id: `hdr-${g.logs[0]?.id || 'empty'}-${g.pageName}`,
+                id: `hdr-${g.pageName}`,
                 pageName: g.pageName,
                 color: g.color,
                 stats: { success, failed, loading },
@@ -1206,6 +1243,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 isCollapsed,
                 isFirst: idx === 0,
             });
+            idx++;
             if (!isCollapsed) {
                 const displayLogs = g.logs.filter(l => {
                     if (l.status == null)
@@ -1217,7 +1255,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 displayLogs.forEach((log, index) => {
                     result.push({
                         type: 'log',
-                        id: log.id,
+                        id: `log-${log.id}`,
                         log,
                         isLast: index === displayLogs.length - 1,
                         color: g.color,
@@ -1663,6 +1701,8 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setShowHeaderInfo,
         settingsPage,
         setSettingsPage,
+        isFeedbackOpen,
+        setIsFeedbackOpen,
         updateAvailable,
         latestNpmVersion,
         clearAnim,
@@ -1821,6 +1861,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         selectedLog,
         showHeaderInfo,
         settingsPage,
+        isFeedbackOpen,
         updateAvailable,
         latestNpmVersion,
         clearAnim,
@@ -2104,5 +2145,11 @@ Object.defineProperty(exports, "setLanguage", { enumerable: true, get: function
 Object.defineProperty(exports, "addTranslations", { enumerable: true, get: function () { return i18n_2.addTranslations; } });
 Object.defineProperty(exports, "setTranslations", { enumerable: true, get: function () { return i18n_2.setTranslations; } });
 Object.defineProperty(exports, "I18nextProvider", { enumerable: true, get: function () { return i18n_2.I18nextProvider; } });
+var remoteConfig_2 = require("./helpers/remoteConfig");
+Object.defineProperty(exports, "fetchRemoteConfigModuleStatus", { enumerable: true, get: function () { return remoteConfig_2.fetchRemoteConfigModuleStatus; } });
+Object.defineProperty(exports, "isFirebaseRemoteConfigAvailable", { enumerable: true, get: function () { return remoteConfig_2.isFirebaseRemoteConfigAvailable; } });
+var capture_1 = require("./capture");
+Object.defineProperty(exports, "ScreenCapture", { enumerable: true, get: function () { return capture_1.ScreenCapture; } });
+Object.defineProperty(exports, "ScreenRecorder", { enumerable: true, get: function () { return capture_1.ScreenRecorder; } });
 var version_1 = require("./constants/version");
 Object.defineProperty(exports, "LIB_VERSION", { enumerable: true, get: function () { return version_1.LIB_VERSION; } });

package/dist/commonjs/native/NativeInspector.d.ts

@@ -74,3 +74,63 @@ export interface NativeCachedPageResult<T = any> {
     items: T[];
 }
 export declare const fetchNativeCachedPage: <T = any>(pageKey: "apis" | "logs" | "analytics" | "crash", offset?: number, limit?: number, query?: string) => Promise<NativeCachedPageResult<T> | null>;
+export interface ScreenshotOptions {
+    format?: 'png' | 'jpeg' | 'webp';
+    quality?: number;
+    scale?: number;
+    hideInspector?: boolean;
+    includeBase64?: boolean;
+}
+export interface ScreenshotResult {
+    uri: string;
+    format: 'png' | 'jpeg' | 'webp';
+    width: number;
+    height: number;
+    sizeBytes: number;
+    timestamp: number;
+    base64?: string;
+}
+export interface RecordingOptions {
+    format?: 'mp4' | 'gif';
+    audioSource?: 'none' | 'app' | 'mic' | 'mixed';
+    fps?: number;
+    bitrate?: number;
+    maxDurationSeconds?: number;
+    hideInspector?: boolean;
+}
+export interface RecordingResult {
+    uri: string;
+    format: 'mp4' | 'gif';
+    durationMs: number;
+    hasAudio: boolean;
+    width: number;
+    height: number;
+    sizeBytes: number;
+    timestamp: number;
+}
+export interface GifConversionOptions {
+    fps?: number;
+    width?: number;
+    maxDurationSeconds?: number;
+}
+export interface CapturedMediaItem {
+    id: string;
+    type: 'image' | 'video' | 'gif';
+    format: string;
+    uri: string;
+    filename: string;
+    sizeBytes: number;
+    timestamp: number;
+    durationMs?: number;
+    hasAudio?: boolean;
+    width?: number;
+    height?: number;
+}
+export declare const takeNativeScreenshot: (options?: ScreenshotOptions) => Promise<ScreenshotResult | null>;
+export declare const startNativeVideoRecording: (options?: RecordingOptions) => Promise<boolean>;
+export declare const stopNativeVideoRecording: () => Promise<RecordingResult | null>;
+export declare const isNativeRecordingActive: () => Promise<boolean>;
+export declare const convertNativeVideoToGif: (videoUri: string, options?: GifConversionOptions) => Promise<RecordingResult | null>;
+export declare const fetchCapturedMediaList: () => Promise<CapturedMediaItem[]>;
+export declare const deleteCapturedMediaFile: (uri: string) => Promise<boolean>;
+export declare const clearAllCapturedMediaFiles: () => Promise<boolean>;

package/dist/commonjs/native/NativeInspector.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchNativeCachedPage = exports.pushNativeLogRecord = exports.getNativeSystemMetrics = exports.triggerNativeHaptic = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.subscribeNativeDeviceShake = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.isNativeModuleAvailable = void 0;
+exports.clearAllCapturedMediaFiles = exports.deleteCapturedMediaFile = exports.fetchCapturedMediaList = exports.convertNativeVideoToGif = exports.isNativeRecordingActive = exports.stopNativeVideoRecording = exports.startNativeVideoRecording = exports.takeNativeScreenshot = exports.fetchNativeCachedPage = exports.pushNativeLogRecord = exports.getNativeSystemMetrics = exports.triggerNativeHaptic = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.subscribeNativeDeviceShake = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.isNativeModuleAvailable = void 0;
 const react_native_1 = require("react-native");
 const NativeNetworkInspector_1 = __importDefault(require("./NativeNetworkInspector"));
 const NativeModule = NativeNetworkInspector_1.default || react_native_1.NativeModules.NetworkInspectorModule;
@@ -40,7 +40,7 @@ const enableNativeCrashProtection = async (options) => {
     }
     try {
         const result = await NativeModule.enableNativeCrashProtection();
-        if (options?.showFloatingButton !== false) {
+        if (options?.showFloatingButton === true) {
             await (0, exports.showNativeFloatingButton)();
         }
         return !!result;
@@ -293,3 +293,110 @@ const fetchNativeCachedPage = async (pageKey, offset = 0, limit = 50, query = ''
     }
 };
 exports.fetchNativeCachedPage = fetchNativeCachedPage;
+const takeNativeScreenshot = async (options) => {
+    if (!NativeModule || !NativeModule.takeScreenshot) {
+        return null;
+    }
+    try {
+        const result = await NativeModule.takeScreenshot(options || {});
+        return result;
+    }
+    catch {
+        return null;
+    }
+};
+exports.takeNativeScreenshot = takeNativeScreenshot;
+const startNativeVideoRecording = async (options) => {
+    if (!NativeModule || !NativeModule.startVideoRecording) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.startVideoRecording(options || {});
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.startNativeVideoRecording = startNativeVideoRecording;
+const stopNativeVideoRecording = async () => {
+    if (!NativeModule || !NativeModule.stopVideoRecording) {
+        return null;
+    }
+    try {
+        const result = await NativeModule.stopVideoRecording();
+        return result;
+    }
+    catch {
+        return null;
+    }
+};
+exports.stopNativeVideoRecording = stopNativeVideoRecording;
+const isNativeRecordingActive = async () => {
+    if (!NativeModule || !NativeModule.isRecording) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.isRecording();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.isNativeRecordingActive = isNativeRecordingActive;
+const convertNativeVideoToGif = async (videoUri, options) => {
+    if (!NativeModule || !NativeModule.convertToGif) {
+        return null;
+    }
+    try {
+        const result = await NativeModule.convertToGif(videoUri, options || {});
+        return result;
+    }
+    catch {
+        return null;
+    }
+};
+exports.convertNativeVideoToGif = convertNativeVideoToGif;
+const fetchCapturedMediaList = async () => {
+    if (!NativeModule || !NativeModule.getCapturedMedia) {
+        return [];
+    }
+    try {
+        const jsonStr = await NativeModule.getCapturedMedia();
+        if (!jsonStr)
+            return [];
+        const parsed = JSON.parse(jsonStr);
+        return Array.isArray(parsed) ? parsed : [];
+    }
+    catch {
+        return [];
+    }
+};
+exports.fetchCapturedMediaList = fetchCapturedMediaList;
+const deleteCapturedMediaFile = async (uri) => {
+    if (!NativeModule || !NativeModule.deleteCapturedMedia) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.deleteCapturedMedia(uri);
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.deleteCapturedMediaFile = deleteCapturedMediaFile;
+const clearAllCapturedMediaFiles = async () => {
+    if (!NativeModule || !NativeModule.clearAllCapturedMedia) {
+        return false;
+    }
+    try {
+        const result = await NativeModule.clearAllCapturedMedia();
+        return !!result;
+    }
+    catch {
+        return false;
+    }
+};
+exports.clearAllCapturedMediaFiles = clearAllCapturedMediaFiles;

package/dist/commonjs/native/NativeNetworkInspector.d.ts

@@ -15,6 +15,14 @@ export interface Spec extends TurboModule {
     getNativeSystemMetrics(): Promise<Object>;
     pushNativeLogRecord(pageKey: string, jsonPayload: string): Promise<boolean>;
     checkFloatingButtonPress(): Promise<boolean>;
+    takeScreenshot(options: Object): Promise<Object>;
+    startVideoRecording(options: Object): Promise<boolean>;
+    stopVideoRecording(): Promise<Object>;
+    isRecording(): Promise<boolean>;
+    convertToGif(videoUri: string, options: Object): Promise<Object>;
+    getCapturedMedia(): Promise<string>;
+    deleteCapturedMedia(uri: string): Promise<boolean>;
+    clearAllCapturedMedia(): Promise<boolean>;
     addListener(eventName: string): void;
     removeListeners(count: number): void;
 }

package/dist/commonjs/styles/AppColors.d.ts

@@ -168,6 +168,24 @@ declare const LightColors: {
     skySoftBg: string;
     skySoftBorder: string;
     skySoftText: string;
+    warningAmber: string;
+    npmRedLight: string;
+    red300: string;
+    overlayDark: string;
+    headerGlassDark: string;
+    badgeGlassDark: string;
+    borderGlassLight: string;
+    borderGlassMedium: string;
+    whiteAlpha06: string;
+    whiteAlpha08: string;
+    whiteAlpha10: string;
+    whiteAlpha12: string;
+    whiteAlpha15: string;
+    whiteAlpha20: string;
+    whiteAlpha24: string;
+    whiteAlpha30: string;
+    whiteAlpha33: string;
+    whiteAlpha60: string;
     domainColors: string[];
 };
 export declare const getThemeColors: (isDark: boolean) => {
@@ -340,6 +358,24 @@ export declare const getThemeColors: (isDark: boolean) => {
     skySoftBg: string;
     skySoftBorder: string;
     skySoftText: string;
+    warningAmber: string;
+    npmRedLight: string;
+    red300: string;
+    overlayDark: string;
+    headerGlassDark: string;
+    badgeGlassDark: string;
+    borderGlassLight: string;
+    borderGlassMedium: string;
+    whiteAlpha06: string;
+    whiteAlpha08: string;
+    whiteAlpha10: string;
+    whiteAlpha12: string;
+    whiteAlpha15: string;
+    whiteAlpha20: string;
+    whiteAlpha24: string;
+    whiteAlpha30: string;
+    whiteAlpha33: string;
+    whiteAlpha60: string;
     domainColors: string[];
 };
 export declare const AppColors: typeof LightColors;