react-native-inapp-inspector 2.3.16 → 2.3.18

package/dist/commonjs/components/TouchableScale.js

@@ -1,80 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_native_1 = require("react-native");
 const NativeInspector_1 = require("../native/NativeInspector");
-const AnimatedPressable = react_native_1.Animated.createAnimatedComponent(react_native_1.Pressable);
 const TouchableScale = react_1.default.memo(function TouchableScale({ onPress, onLongPress, style, children, hitSlop, disabled, enableHaptics = true, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityState, accessibilityValue, ...rest }) {
-    const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
-    const opacity = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
     const handlePressIn = () => {
         if (disabled)
             return;
         if (enableHaptics) {
             (0, NativeInspector_1.triggerNativeHaptic)('light');
         }
-        react_native_1.Animated.parallel([
-            react_native_1.Animated.timing(scale, {
-                toValue: 0.94,
-                duration: 50,
-                useNativeDriver: true,
-            }),
-            react_native_1.Animated.timing(opacity, {
-                toValue: 0.85,
-                duration: 50,
-                useNativeDriver: true,
-            }),
-        ]).start();
-    };
-    const handlePressOut = () => {
-        react_native_1.Animated.parallel([
-            react_native_1.Animated.timing(scale, {
-                toValue: 1,
-                duration: 100,
-                useNativeDriver: true,
-            }),
-            react_native_1.Animated.timing(opacity, {
-                toValue: 1,
-                duration: 100,
-                useNativeDriver: true,
-            }),
-        ]).start();
     };
-    return (<AnimatedPressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={[style, { opacity, transform: [{ scale }] }]} onPressIn={handlePressIn} onPressOut={handlePressOut} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
+    return (<react_native_1.Pressable accessible={accessible} accessibilityRole={accessibilityRole} accessibilityLabel={accessibilityLabel} accessibilityHint={accessibilityHint} accessibilityState={accessibilityState} accessibilityValue={accessibilityValue} disabled={disabled} style={({ pressed }) => [
+            typeof style === 'function' ? style({ pressed }) : style,
+            pressed && !disabled && { opacity: 0.82, transform: [{ scale: 0.96 }] },
+        ]} onPressIn={handlePressIn} onPress={onPress} onLongPress={onLongPress} hitSlop={hitSlop} {...rest}>
       {children}
-    </AnimatedPressable>);
+    </react_native_1.Pressable>);
 });
 exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.js

@@ -57,18 +57,6 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     }, [forceOpen]);
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
-    const treeChevronAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(open ? 1 : 0)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.timing(treeChevronAnim, {
-            toValue: open ? 1 : 0,
-            duration: 160,
-            useNativeDriver: true,
-        }).start();
-    }, [open]);
-    const treeChevronRotate = treeChevronAnim.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '180deg'],
-    });
     function renderHighlighted(text) {
         if (text === 'null' || text === 'undefined') {
             return [
@@ -127,9 +115,9 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
     const countLabel = isArray ? `[${entries.length}]` : `{${entries.length}}`;
     return (<react_native_1.View style={indentStyle}>
       <react_native_1.Pressable style={styles_1.default.treeRow} onPress={() => setLocalOpen(v => !v)} hitSlop={{ top: 10, bottom: 10, left: 10, right: 10 }}>
-        <react_native_1.Animated.View style={{ transform: [{ rotate: treeChevronRotate }], marginRight: 6 }}>
+        <react_native_1.View style={{ transform: [{ rotate: open ? '180deg' : '0deg' }], marginRight: 6 }}>
           <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={12}/>
-        </react_native_1.Animated.View>
+        </react_native_1.View>
         {name !== undefined && (<react_native_1.Text style={[styles_1.default.codeKey, styles_1.default.treeKeyMargin]}>{`"${String(name)}"`}</react_native_1.Text>)}
         {isArray ? (<react_native_1.View style={styles_1.default.arrayBadge}>
             <react_native_1.Text style={styles_1.default.arrayBadgeText}>{countLabel}</react_native_1.Text>

package/dist/commonjs/constants/telemetryConfig.d.ts

@@ -1,3 +1,3 @@
-export declare const ENC_MID = "df8ace0290a695bd05986213";
-export declare const ENC_SEC = "db93cb0186b1f7bb0ba63a0d0a64997586849455ce37";
-export declare const TELEMETRY_SALT = "rn-inapp-inspector-telemetry-v1";
+export declare const ENC_MID = "";
+export declare const ENC_SEC = "";
+export declare const TELEMETRY_SALT = "";

package/dist/commonjs/constants/telemetryConfig.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TELEMETRY_SALT = exports.ENC_SEC = exports.ENC_MID = void 0;
-exports.ENC_MID = 'df8ace0290a695bd05986213';
-exports.ENC_SEC = 'db93cb0186b1f7bb0ba63a0d0a64997586849455ce37';
-exports.TELEMETRY_SALT = 'rn-inapp-inspector-telemetry-v1';
+exports.ENC_MID = '';
+exports.ENC_SEC = '';
+exports.TELEMETRY_SALT = '';

package/dist/commonjs/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.3.16";
+export declare const LIB_VERSION = "2.3.18";

package/dist/commonjs/constants/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '2.3.16';
+exports.LIB_VERSION = '2.3.18';

package/dist/commonjs/customHooks/useAccordion.d.ts

@@ -1,17 +1,12 @@
-import { Animated } from 'react-native';
-declare const useAccordion: (initialOpen?: boolean, maxBodyHeight?: number, duration?: number) => {
+declare const useAccordion: (initialOpen?: boolean, _maxBodyHeight?: number, _duration?: number) => {
     isOpen: boolean;
     toggleOpen: () => void;
     forceOpen: (open: boolean) => void;
     chevronStyle: {
         transform: {
-            rotate: Animated.AnimatedInterpolation<string | number>;
+            rotate: string;
         }[];
     };
-    bodyStyle: {
-        maxHeight: Animated.AnimatedInterpolation<string | number>;
-        overflow: "hidden";
-        opacity: Animated.AnimatedInterpolation<string | number>;
-    };
+    bodyStyle: {};
 };
 export default useAccordion;

package/dist/commonjs/customHooks/useAccordion.js

@@ -1,48 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-const react_native_1 = require("react-native");
-const useAccordion = (initialOpen = false, maxBodyHeight = 1200, duration = 280) => {
+const useAccordion = (initialOpen = false, _maxBodyHeight = 1200, _duration = 280) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialOpen);
-    const animVal = (0, react_1.useRef)(new react_native_1.Animated.Value(initialOpen ? 1 : 0)).current;
     const toggleOpen = (0, react_1.useCallback)(() => {
-        const next = !isOpen;
-        setIsOpen(next);
-        react_native_1.Animated.timing(animVal, {
-            toValue: next ? 1 : 0,
-            duration,
-            useNativeDriver: false,
-        }).start();
-    }, [isOpen, animVal, duration]);
+        setIsOpen(prev => !prev);
+    }, []);
     const forceOpen = (0, react_1.useCallback)((open) => {
         setIsOpen(open);
-        react_native_1.Animated.timing(animVal, {
-            toValue: open ? 1 : 0,
-            duration,
-            useNativeDriver: false,
-        }).start();
-    }, [animVal, duration]);
+    }, []);
     const chevronStyle = {
-        transform: [
-            {
-                rotate: animVal.interpolate({
-                    inputRange: [0, 1],
-                    outputRange: ['0deg', '180deg'],
-                }),
-            },
-        ],
-    };
-    const bodyStyle = {
-        maxHeight: animVal.interpolate({
-            inputRange: [0, 1],
-            outputRange: [0, maxBodyHeight],
-        }),
-        overflow: 'hidden',
-        opacity: animVal.interpolate({
-            inputRange: [0, 0.4, 1],
-            outputRange: [0, 0.7, 1],
-        }),
+        transform: [{ rotate: isOpen ? '180deg' : '0deg' }],
     };
+    const bodyStyle = {};
     return { isOpen, toggleOpen, forceOpen, chevronStyle, bodyStyle };
 };
 exports.default = useAccordion;

package/dist/commonjs/helpers/index.d.ts

@@ -9,7 +9,8 @@ export declare const formatTimestamp: (timestamp: number) => string;
 export declare const getStatusColor: (status: number | null) => string;
 export declare const getDurationColor: (duration: number | null) => string;
 export declare const getSize: (data: unknown) => string;
-export declare const copyToClipboard: (value: unknown, label: string) => void;
+export declare const formatBytes: (bytes: number) => string;
+export declare const copyToClipboard: (value: unknown, label?: string) => void;
 export declare const getPath: (url: string) => string;
 export declare const getBaseUrl: (url: string) => string;
 export declare const getCurlCommand: (log: NetworkLog) => string;

package/dist/commonjs/helpers/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = exports.isLocalDebugEnvironment = void 0;
+exports.getRuntimeDiagnostics = exports.getCategoryColors = exports.registerGAPlugin = exports.getEventCategory = exports.getEventColor = exports.ANALYTICS_EVENT_PALETTE = exports.openInVSCode = exports.parseStackLine = exports.getJsonPreviewText = exports.getJsonContent = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppVersionAndBuild = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = exports.getLogPageName = exports.getNavigationInfo = exports.escapeRegex = exports.deduplicateLogs = exports.getFetchCommand = exports.getCurlCommand = exports.getBaseUrl = exports.getPath = exports.copyToClipboard = exports.formatBytes = exports.getSize = exports.getDurationColor = exports.getStatusColor = exports.formatTimestamp = exports.formatDateTime = exports.getDomainColor = exports.isLocalDebugEnvironment = void 0;
 const react_native_1 = require("react-native");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const toast_1 = require("./toast");
@@ -104,6 +104,15 @@ const getSize = (data) => {
     }
 };
 exports.getSize = getSize;
+const formatBytes = (bytes) => {
+    if (bytes === 0 || !bytes || isNaN(bytes))
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${sizes[i] || 'B'}`;
+};
+exports.formatBytes = formatBytes;
 const copyToClipboard = (value, label) => {
     const resolved = typeof value === 'function' ? value() : value;
     let textToCopy = '';

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

@@ -27,4 +27,5 @@ 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.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;
+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");
@@ -689,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();
@@ -705,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();
@@ -758,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();
@@ -801,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 () => {
@@ -811,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();
@@ -1193,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;
@@ -1221,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 },
@@ -1230,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)
@@ -1241,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,
@@ -2134,5 +2148,8 @@ Object.defineProperty(exports, "I18nextProvider", { enumerable: true, get: funct
 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>;