react-native-inapp-inspector 2.0.6 → 2.1.0

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

@@ -31,8 +31,6 @@ export declare const formatTimeShort: (ts: number) => string;
 export declare const formatTime: (ts: number) => string;
 /** Formats a relative gap like "+2s" / "+1m 5s" / "+350ms". */
 export declare const formatGap: (ms: number) => string;
-/** Formats byte size into human readable B / KB / MB. */
-export declare const formatBytes: (bytes: number) => string;
 /** Finds the first JSON object/array embedded anywhere in a log message. */
 export declare const getJsonContent: (message: string) => JsonContent | null;
 /** Pretty-prints JSON data showing 3-4 lines with trailing "..." */

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.formatBytes = exports.formatGap = exports.formatTime = exports.formatTimeShort = exports.handleOpenExternalLink = exports.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = 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 = 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.getAppName = exports.getBundleIdentifier = exports.formatDateTimeToAnalytics = exports.isAllValuesEmpty = exports.getLocalizedFilePathWithSlash = exports.getLocalizedFilePath = exports.formatDisplayUrl = exports.getDiff = exports.flattenObject = 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 = void 0;
 const react_native_1 = require("react-native");
 const clipboard_1 = __importDefault(require("@react-native-clipboard/clipboard"));
 const toast_1 = require("./toast");
@@ -440,17 +440,6 @@ const formatGap = (ms) => {
     return rem > 0 ? `+${m}m ${rem}s` : `+${m}m`;
 };
 exports.formatGap = formatGap;
-/** Formats byte size into human readable B / KB / MB. */
-const formatBytes = (bytes) => {
-    if (bytes === 0)
-        return '0 B';
-    if (bytes < 1024)
-        return `${bytes} B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-};
-exports.formatBytes = formatBytes;
 /** Finds the first JSON object/array embedded anywhere in a log message. */
 const getJsonContent = (message) => {
     if (!message)

package/dist/commonjs/helpers/telemetry.js

@@ -31,8 +31,8 @@ const constants_1 = require("../constants");
 const NativeInspector_1 = require("../native/NativeInspector");
 // ─── GA4 Measurement Protocol Configuration ──────────────────────────────────
 // Automatically replaced at build-time from .env by scripts/inject-telemetry.js
-exports.GA4_MEASUREMENT_ID = 'G-3QGMQVZX5V';
-exports.GA4_API_SECRET = 'C46RQZ3PTfmHDnLnvU3KIg';
+exports.GA4_MEASUREMENT_ID = 'G-XXXXXXXXXX';
+exports.GA4_API_SECRET = 'YOUR_GA4_API_SECRET';
 const GA4_ENDPOINT = 'https://www.google-analytics.com/mp/collect';
 const CLIENT_ID_KEY = 'telemetry_client_id';
 // Stable session ID created once per JavaScript runtime instance
@@ -254,9 +254,9 @@ async function trackTelemetryEvent(eventName, params = {}, options) {
         return;
     // Don't send if credentials haven't been configured yet
     if (!exports.GA4_MEASUREMENT_ID ||
-        exports.GA4_MEASUREMENT_ID === 'G-3QGMQVZX5V' ||
+        exports.GA4_MEASUREMENT_ID === 'G-XXXXXXXXXX' ||
         !exports.GA4_API_SECRET ||
-        exports.GA4_API_SECRET === 'C46RQZ3PTfmHDnLnvU3KIg') {
+        exports.GA4_API_SECRET === 'YOUR_GA4_API_SECRET') {
         return;
     }
     try {

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

@@ -50,9 +50,8 @@
         "activeBadge": "ACTIVE",
         "dormantBadge": "DORMANT",
         "protectedBadge": "PROTECTED",
-        "modulesAndTools": "Modules & Tabs",
-        "ramLimits": "RAM & Limits",
-        "uiPreferences": "UI & Appearance",
+        "modulesAndTools": "Modules & Tools",
+        "uiPreferences": "UI Preferences",
         "zeroOverheadTitle": "Zero Background Overhead",
         "zeroOverheadDesc": "Check the modules you wish to activate. Disabled modules consume 0% CPU & memory until saved.",
         "unsavedPending": "● Unsaved selections pending",

package/dist/commonjs/index.d.ts

@@ -14,6 +14,5 @@ export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, tra
 export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
 export { getNativeDeviceMetrics, enableNativeCrashProtection, subscribeNativeCrashes, showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, startNativeFpsMonitoring, stopNativeFpsMonitoring, getNativeFpsMetrics, getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, type NativeDeviceMetrics, type NativeCrashEvent, type FloatingButtonOptions, type NativeFpsMetrics, } from './native/NativeInspector';
 export { sendSessionTelemetryPing, trackTelemetryEvent, trackInspectorOpen, trackTabSwitch, trackLogExport, GA4_MEASUREMENT_ID, GA4_API_SECRET, } from './helpers';
-export { runLivePackageAudit, logCodeQualityIssue, clearCustomAuditIssues, } from './helpers/packageAuditor';
 export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

package/dist/commonjs/index.js

@@ -37,8 +37,8 @@ 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.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.clearCustomAuditIssues = exports.logCodeQualityIssue = exports.runLivePackageAudit = exports.GA4_API_SECRET = exports.GA4_MEASUREMENT_ID = exports.trackLogExport = exports.trackTabSwitch = exports.trackInspectorOpen = exports.trackTelemetryEvent = exports.sendSessionTelemetryPing = 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.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = void 0;
+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.BrandCircleIcon = exports.BrandSquareIcon = exports.GA4_API_SECRET = exports.GA4_MEASUREMENT_ID = exports.trackLogExport = exports.trackTabSwitch = exports.trackInspectorOpen = exports.trackTelemetryEvent = exports.sendSessionTelemetryPing = 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.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -64,22 +64,14 @@ const analyticsLogger_1 = require("./customHooks/analyticsLogger");
 const reduxLogger_1 = require("./customHooks/reduxLogger");
 const performanceTracker_1 = require("./customHooks/performanceTracker");
 const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
-const storageInspector_1 = require("./customHooks/storageInspector");
-const deviceInfo_1 = require("./helpers/deviceInfo");
-const packageAuditor_1 = require("./helpers/packageAuditor");
 const NativeInspector_2 = require("./native/NativeInspector");
 const constants_1 = require("./constants");
 // Stylesheet
 const styles_1 = require("./styles");
-const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, initialTab, enablePerformanceHud = false, }) => {
-    // Zero-overhead production stub: if disabled, return null immediately
-    if (!enabled || !isEnabled) {
-        return null;
-    }
+const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, }) => {
     // Set custom storage synchronously during render phase
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
-    const [isPerformanceHudEnabled, setIsPerformanceHudEnabled] = (0, react_1.useState)(enablePerformanceHud);
     const [reduxState, setReduxState] = (0, react_1.useState)(null);
     // Per-reducer last action is kept in component state so the
     // Redux tab re-renders live on every dispatch, independent of the state tree ref.
@@ -94,11 +86,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setVisible(controlledVisible);
         }
     }, [controlledVisible]);
-    (0, react_1.useEffect)(() => {
-        if (enablePerformanceHud !== undefined) {
-            setIsPerformanceHudEnabled(enablePerformanceHud);
-        }
-    }, [enablePerformanceHud]);
     const [isReady, setIsReady] = (0, react_1.useState)(false);
     const [selected, setSelected] = (0, react_1.useState)(null);
     const [selectedLogs, setSelectedLogs] = (0, react_1.useState)(new Set());
@@ -138,7 +125,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [showReqDiff, setShowReqDiff] = (0, react_1.useState)(false);
     const [showResDiff, setShowResDiff] = (0, react_1.useState)(false);
     // ─── Analytics state ───────────────────────────────────────────────────────
-    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTab || 'apis');
+    const [activeTab, setActiveTab] = (0, react_1.useState)('apis');
     const [analyticsEvents, setAnalyticsEvents] = (0, react_1.useState)([]);
     // ─── Logs state ────────────────────────────────────────────────────────────
     const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
@@ -194,47 +181,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setLastReadCrashesCount(crashRecords.length);
         }
     }, [activeTab, crashRecords.length]);
-    // ─── Storage state ─────────────────────────────────────────────────────────
-    const [storageEntries, setStorageEntries] = (0, react_1.useState)([]);
-    const [selectedStorageKey, setSelectedStorageKey] = (0, react_1.useState)(null);
-    const refreshStorageEntries = (0, react_1.useCallback)(async () => {
-        try {
-            const entries = await (0, storageInspector_1.fetchAllStorageEntries)();
-            setStorageEntries(entries);
-        }
-        catch { }
-    }, []);
-    const updateStorageEntry = (0, react_1.useCallback)(async (key, value) => {
-        await (0, storageInspector_1.setStorageItem)(key, value);
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    const deleteStorageEntry = (0, react_1.useCallback)(async (key) => {
-        await (0, storageInspector_1.removeStorageItem)(key);
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    const clearAllStorageEntries = (0, react_1.useCallback)(async () => {
-        await (0, storageInspector_1.clearAllStorage)();
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    (0, react_1.useEffect)(() => {
-        refreshStorageEntries();
-        const unsub = (0, storageInspector_1.subscribeStorageChanges)(refreshStorageEntries);
-        return () => unsub();
-    }, [refreshStorageEntries]);
-    // ─── Device info state ──────────────────────────────────────────────────────
-    const [deviceInfo] = (0, react_1.useState)(() => (0, deviceInfo_1.getSystemDiagnostics)());
-    // ─── Code Quality & Package Audit state ─────────────────────────────────────
-    const [auditReport, setAuditReport] = (0, react_1.useState)(() => (0, packageAuditor_1.runLivePackageAudit)());
-    (0, react_1.useEffect)(() => {
-        const unsub = (0, packageAuditor_1.subscribeAuditChanges)(setAuditReport);
-        return () => unsub();
-    }, []);
-    const refreshAuditReport = (0, react_1.useCallback)(() => {
-        setAuditReport((0, packageAuditor_1.runLivePackageAudit)());
-    }, []);
-    const logCustomAuditIssue = (0, react_1.useCallback)((issue) => {
-        (0, packageAuditor_1.logCodeQualityIssue)(issue);
-    }, []);
     const [maxConsoleLogs, setMaxConsoleLogs] = (0, react_1.useState)(100);
     const [showConsoleLevels, setShowConsoleLevels] = (0, react_1.useState)({
         info: true,
@@ -275,9 +221,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         logs: true,
         analytics: false,
         redux: false,
-        storage: false,
-        device: false,
-        audit: false,
         bundle: false,
         performance: false,
         crash: false,
@@ -332,9 +275,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             logs: true,
             analytics: false,
             redux: false,
-            storage: false,
-            device: false,
-            audit: false,
             bundle: false,
             performance: false,
             crash: false,
@@ -372,24 +312,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setModalHeightPercent(saved.modalHeightPercent);
             if (saved.modalAnimationType)
                 setModalAnimationType(saved.modalAnimationType);
-            if (saved.tabVisibility) {
-                const savedVis = saved.tabVisibility;
+            if (saved.tabVisibility)
                 setTabVisibility(prev => ({
                     ...prev,
-                    ...savedVis,
-                    storage: savedVis.storage ?? false,
-                    device: savedVis.device ?? false,
-                    audit: savedVis.audit ?? false,
+                    ...saved.tabVisibility,
                     apis: true, // APIs is always required
                 }));
-            }
-            if (initialTab) {
-                setActiveTab(initialTab);
-            }
-            else if (saved.defaultTab) {
+            if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
-                setActiveTab(saved.defaultTab);
-            }
             if (saved.isAutoRamLimitEnabled != null)
                 setIsAutoRamLimitEnabled(saved.isAutoRamLimitEnabled);
             if (saved.maxNetworkLogs != null)
@@ -410,10 +340,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setShowDuplicateLogs(saved.showDuplicateLogs);
             if (saved.showUpdateToast != null)
                 setShowUpdateToast(saved.showUpdateToast);
-            if (initialTab) {
-                setActiveTab(initialTab);
-            }
-            else if (saved.defaultTab) {
+            if (saved.defaultTab) {
                 const dt = saved.defaultTab;
                 const vis = {
                     ...{
@@ -421,9 +348,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         logs: true,
                         analytics: false,
                         redux: false,
-                        storage: false,
-                        device: false,
-                        audit: false,
                         bundle: false,
                         performance: false,
                         crash: false,
@@ -892,12 +816,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
-            setSelected(null);
-            setSelectedEvent(null);
-            setSelectedLog(null);
-            setSelectedReduxSlice(null);
-            setSelectedReduxAction(null);
-            setSelectedCrash(null);
             // Track inspector opened event in GA4
             (0, helpers_1.trackInspectorOpen)({ activeTab: target });
             // Instant synchronization of data collected while modal was closed
@@ -1877,20 +1795,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setCrashRecords([]);
             setSelectedCrash(null);
         },
-        // ─── Storage ─────────────────────────────────────────────────────────
-        storageEntries,
-        refreshStorageEntries,
-        updateStorageEntry,
-        deleteStorageEntry,
-        clearAllStorageEntries,
-        selectedStorageKey,
-        setSelectedStorageKey,
-        // ─── Device ──────────────────────────────────────────────────────────
-        deviceInfo,
-        // ─── Audit / Code Quality ─────────────────────────────────────────────
-        auditReport,
-        refreshAuditReport,
-        logCustomAuditIssue,
         // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,
@@ -1915,17 +1819,13 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         isAutoRamLimitEnabled,
         setIsAutoRamLimitEnabled,
         deviceFreeRamMb,
-        isPerformanceHudEnabled,
-        setIsPerformanceHudEnabled,
         reduxAutoRefresh,
         setReduxAutoRefreshState,
         reduxExpandDepth,
         setReduxExpandDepth,
     };
     return (<InspectorContext_1.InspectorContext.Provider value={contextValue}>
-      <react_native_1.View style={react_native_1.StyleSheet.absoluteFill} pointerEvents="box-none">
-        <MainScreen_1.default />
-      </react_native_1.View>
+      <MainScreen_1.default />
     </InspectorContext_1.InspectorContext.Provider>);
 };
 const NetworkInspectorWrapper = (props) => {
@@ -2037,10 +1937,6 @@ Object.defineProperty(exports, "trackTabSwitch", { enumerable: true, get: functi
 Object.defineProperty(exports, "trackLogExport", { enumerable: true, get: function () { return helpers_2.trackLogExport; } });
 Object.defineProperty(exports, "GA4_MEASUREMENT_ID", { enumerable: true, get: function () { return helpers_2.GA4_MEASUREMENT_ID; } });
 Object.defineProperty(exports, "GA4_API_SECRET", { enumerable: true, get: function () { return helpers_2.GA4_API_SECRET; } });
-var packageAuditor_2 = require("./helpers/packageAuditor");
-Object.defineProperty(exports, "runLivePackageAudit", { enumerable: true, get: function () { return packageAuditor_2.runLivePackageAudit; } });
-Object.defineProperty(exports, "logCodeQualityIssue", { enumerable: true, get: function () { return packageAuditor_2.logCodeQualityIssue; } });
-Object.defineProperty(exports, "clearCustomAuditIssues", { enumerable: true, get: function () { return packageAuditor_2.clearCustomAuditIssues; } });
 var NetworkIcons_1 = require("./components/NetworkIcons");
 Object.defineProperty(exports, "BrandSquareIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandSquareIcon; } });
 Object.defineProperty(exports, "BrandCircleIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandCircleIcon; } });

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

@@ -14,7 +14,6 @@ export interface NativeDeviceMetrics {
     isCharging?: boolean;
     deviceModel?: string;
     deviceBrand?: string;
-    deviceId?: string;
     osVersion?: string;
     apiLevel?: number;
     cpuAbi?: string;

package/dist/commonjs/types/enums.d.ts

@@ -3,9 +3,6 @@ export declare const ActiveTab: {
     readonly Analytics: "analytics";
     readonly Logs: "logs";
     readonly Redux: "redux";
-    readonly Storage: "storage";
-    readonly Device: "device";
-    readonly Audit: "audit";
     readonly Bundle: "bundle";
     readonly Performance: "performance";
     readonly Crash: "crash";
@@ -52,9 +49,6 @@ export declare const SettingsPage: {
     readonly Logs: "logs";
     readonly Analytics: "analytics";
     readonly Redux: "redux";
-    readonly Storage: "storage";
-    readonly Device: "device";
-    readonly Audit: "audit";
     readonly Bundle: "bundle";
     readonly Performance: "performance";
     readonly Crash: "crash";
@@ -62,7 +56,6 @@ export declare const SettingsPage: {
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {
     readonly Module: "module";
-    readonly Limits: "limits";
     readonly Ui: "ui";
 };
 export type SettingsSubTab = (typeof SettingsSubTab)[keyof typeof SettingsSubTab];

package/dist/commonjs/types/enums.js

@@ -9,9 +9,6 @@ exports.ActiveTab = {
     Analytics: 'analytics',
     Logs: 'logs',
     Redux: 'redux',
-    Storage: 'storage',
-    Device: 'device',
-    Audit: 'audit',
     Bundle: 'bundle',
     Performance: 'performance',
     Crash: 'crash',
@@ -52,16 +49,12 @@ exports.SettingsPage = {
     Logs: 'logs',
     Analytics: 'analytics',
     Redux: 'redux',
-    Storage: 'storage',
-    Device: 'device',
-    Audit: 'audit',
     Bundle: 'bundle',
     Performance: 'performance',
     Crash: 'crash',
 };
 exports.SettingsSubTab = {
     Module: 'module',
-    Limits: 'limits',
     Ui: 'ui',
 };
 exports.LogFilter = {

package/dist/commonjs/types/interfaces.d.ts

@@ -3,64 +3,6 @@ import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
 import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
 export type SearchScope = 'all' | 'url' | 'reqBody' | 'resBody' | 'headers';
-export interface StorageEntry {
-    key: string;
-    value: string;
-    sizeBytes: number;
-    isJson: boolean;
-    parsedJson?: any;
-    updatedAt: number;
-}
-export interface DeviceInfoData {
-    appName: string;
-    bundleId: string;
-    appVersion: string;
-    buildNumber: string;
-    reactNativeVersion: string;
-    jsEngine: string;
-    isHermes: boolean;
-    isFabric: boolean;
-    isTurboModule: boolean;
-    platform: 'ios' | 'android' | 'windows' | 'macos' | 'web';
-    osVersion: string;
-    deviceModel: string;
-    deviceId?: string;
-    isDevice: boolean;
-    screenWidth: number;
-    screenHeight: number;
-    screenScale: number;
-    screenFontScale: number;
-    statusBarHeight: number;
-    memoryMb?: number;
-    arch?: string;
-    locale?: string;
-    timeZone?: string;
-}
-export type AuditSeverity = 'critical' | 'warning' | 'info' | 'optimal';
-export type AuditCategory = 'dependency' | 'typescript' | 'peer' | 'performance' | 'security';
-export interface AuditIssue {
-    id: string;
-    title: string;
-    message: string;
-    severity: AuditSeverity;
-    category: AuditCategory;
-    packageName?: string;
-    currentVersion?: string;
-    requiredVersion?: string;
-    fixCommand?: string;
-    fixSnippet?: string;
-    timestamp: number;
-}
-export interface PackageHealthReport {
-    score: number;
-    grade: 'A+' | 'A' | 'B' | 'C' | 'D';
-    totalIssues: number;
-    criticalCount: number;
-    warningCount: number;
-    infoCount: number;
-    issues: AuditIssue[];
-    scannedAt: number;
-}
 export interface ParsedStackFrame {
     method: string;
     file: string;
@@ -222,8 +164,6 @@ export interface NetworkInspectorProps {
     environment?: 'DEV' | 'UAT' | 'PrePROD' | 'PROD' | 'QA' | 'Staging' | string;
     initialVisible?: boolean;
     visible?: boolean;
-    initialTab?: ActiveTab;
-    enablePerformanceHud?: boolean;
 }
 export interface NavigationTrackerProps {
     onStateChange: (state: any) => void;
@@ -236,8 +176,6 @@ export interface InspectorContextValue {
     isEnabled: boolean;
     appIcon?: any;
     environment?: string;
-    isPerformanceHudEnabled: boolean;
-    setIsPerformanceHudEnabled: React.Dispatch<React.SetStateAction<boolean>>;
     modalHeightPercent: number;
     setModalHeightPercent: React.Dispatch<React.SetStateAction<number>>;
     modalAnimationType: 'slide' | 'fade' | 'none';
@@ -367,17 +305,6 @@ export interface InspectorContextValue {
     maxCrashLogs: number;
     setMaxCrashLogs: React.Dispatch<React.SetStateAction<number>>;
     clearAllCrashes: () => void;
-    storageEntries: StorageEntry[];
-    refreshStorageEntries: () => Promise<void>;
-    updateStorageEntry: (key: string, value: string) => Promise<void>;
-    deleteStorageEntry: (key: string) => Promise<void>;
-    clearAllStorageEntries: () => Promise<void>;
-    selectedStorageKey: string | null;
-    setSelectedStorageKey: React.Dispatch<React.SetStateAction<string | null>>;
-    deviceInfo: DeviceInfoData;
-    auditReport: PackageHealthReport;
-    refreshAuditReport: () => void;
-    logCustomAuditIssue: (issue: Omit<AuditIssue, 'id' | 'timestamp'>) => void;
     settingsActiveSubTab: SettingsSubTab;
     setSettingsActiveSubTab: React.Dispatch<React.SetStateAction<SettingsSubTab>>;
     defaultTab: ActiveTab;

package/dist/esm/components/Inspector/InspectorHeader.js

@@ -14,7 +14,7 @@ import { getTelemetryConsentStatus } from '../../helpers/telemetry';
 import { UpdateAvailableModal } from './UpdateAvailableModal';
 import { WhiteBackNavigation, TrashIcon, SettingsIcon, CloseWhite, ClockIcon, SizeIcon, AppleIcon, AndroidIcon, NpmIcon, ResetIcon, } from '../NetworkIcons';
 const InspectorHeader = React.memo(() => {
-    const { modalHeightPercent, appIcon, selected, setSelected, selectedEvent, setSelectedEvent, selectedLog, setSelectedLog, selectedReduxSlice, setSelectedReduxSlice, selectedReduxAction, setSelectedReduxAction, reduxState, reduxLastActionMap, showHeaderInfo, setShowHeaderInfo, updateAvailable, latestNpmVersion, clearAnim, activePulseAnim, unreadPulseAnim, runClearAllWithAnimation, settingsPage, setSettingsPage, resetToDefaults, closeModal, detailTitle, activeTab, environment, visible, selectedCrash, setSelectedCrash, deviceInfo, } = useInspector();
+    const { modalHeightPercent, appIcon, selected, setSelected, selectedEvent, setSelectedEvent, selectedLog, setSelectedLog, selectedReduxSlice, setSelectedReduxSlice, selectedReduxAction, setSelectedReduxAction, reduxState, reduxLastActionMap, showHeaderInfo, setShowHeaderInfo, updateAvailable, latestNpmVersion, clearAnim, activePulseAnim, unreadPulseAnim, runClearAllWithAnimation, settingsPage, setSettingsPage, resetToDefaults, closeModal, detailTitle, activeTab, environment, visible, selectedCrash, setSelectedCrash, } = useInspector();
     const [showUpdateModal, setShowUpdateModal] = React.useState(false);
     const [isTelemetryActive, setIsTelemetryActive] = React.useState(false);
     const telemetryPulseAnim = React.useRef(new Animated.Value(1)).current;
@@ -264,44 +264,38 @@ const InspectorHeader = React.memo(() => {
                       </Pressable>)}
                   </View>
 
-                  {/* OS & NPM Version Common Chip Bar */}
+                  {/* OS & NPM Version Representation */}
                   <View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
                 gap: 5,
                 minWidth: 0,
             }}>
-                    {/* Unified Platform & Build Chip */}
                     <View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
-                backgroundColor: 'rgba(255, 255, 255, 0.16)',
-                borderRadius: 6,
-                paddingHorizontal: 6.5,
-                paddingVertical: 2.5,
-                gap: 4.5,
+                backgroundColor: `${AppColors.white}1F`,
+                borderRadius: 5,
+                paddingHorizontal: 6,
+                paddingVertical: 2,
+                gap: 4,
                 borderWidth: 1,
-                borderColor: 'rgba(255, 255, 255, 0.28)',
+                borderColor: `${AppColors.white}2E`,
                 flexShrink: 0,
             }}>
-                      {Platform.OS === 'ios' ? (<AppleIcon color="#FFFFFF" size={10.5}/>) : (<AndroidIcon color="#FFFFFF" size={10.5}/>)}
+                      {Platform.OS === 'ios' ? (<AppleIcon color={`${AppColors.white}E6`} size={10}/>) : (<AndroidIcon color={`${AppColors.white}E6`} size={10}/>)}
                       <Text style={{
-                fontFamily: AppFonts.interBold,
+                fontFamily: AppFonts.interMedium,
                 fontSize: 9.5,
-                color: '#FFFFFF',
+                color: `${AppColors.white}EB`,
                 letterSpacing: 0.1,
             }} numberOfLines={1}>
                         {Platform.OS === 'ios'
-                ? `iOS ${String(deviceInfo?.osVersion || Platform.Version).replace(/^(ios\s*)+/i, '').trim()}${deviceInfo?.buildNumber || deviceInfo?.appVersion
-                    ? ` (${deviceInfo.buildNumber || deviceInfo.appVersion})`
-                    : ''}`
-                : `Android ${String(deviceInfo?.osVersion || Platform.Version).replace(/^(android\s*)+/i, '').trim()}${deviceInfo?.buildNumber || deviceInfo?.appVersion
-                    ? ` (${deviceInfo.buildNumber || deviceInfo.appVersion})`
-                    : ''}`}
+                ? `iOS ${Platform.Version}`
+                : `Android ${Platform.Version}`}
                       </Text>
                     </View>
 
-                    {/* Unified NPM Version Chip */}
                     <Pressable onPress={() => {
                 if (updateAvailable) {
                     setShowUpdateModal(true);
@@ -310,23 +304,26 @@ const InspectorHeader = React.memo(() => {
                     Linking.openURL('https://www.npmjs.com/package/react-native-inapp-inspector').catch(() => { });
                 }
             }} style={{
-                backgroundColor: 'rgba(255, 255, 255, 0.16)',
-                borderRadius: 6,
-                paddingHorizontal: 6.5,
-                paddingVertical: 2.5,
+                backgroundColor: '#FFFFFF',
+                borderRadius: 5,
+                paddingHorizontal: 6,
+                paddingVertical: 2,
                 flexDirection: 'row',
                 alignItems: 'center',
                 gap: 4,
-                borderWidth: 1,
-                borderColor: 'rgba(255, 255, 255, 0.28)',
                 flexShrink: 0,
+                shadowColor: '#000000',
+                shadowOffset: { width: 0, height: 1 },
+                shadowOpacity: 0.15,
+                shadowRadius: 2,
+                elevation: 2,
             }}>
-                      <NpmIcon size={11} color="#FF6B6B"/>
+                      <NpmIcon size={11} color="#CB3837"/>
                       <Text style={{
                 fontFamily: AppFonts.interBold,
                 fontSize: 9.5,
-                color: '#FFFFFF',
-                letterSpacing: 0.15,
+                color: '#CB3837',
+                letterSpacing: 0.2,
             }} numberOfLines={1}>
                         v{LIB_VERSION}
                       </Text>

package/dist/esm/components/Inspector/MainScreen.js

@@ -17,9 +17,6 @@ import BundleTab from './BundleTab';
 import PerformanceTab from './PerformanceTab';
 import CrashTab from './CrashTab';
 import CrashDetail from './CrashDetail';
-import StorageTab from './StorageTab';
-import DeviceTab from './DeviceTab';
-import AuditTab from './AuditTab';
 import SettingsPanel from './SettingsPanel';
 import TelemetryConsentModal from './TelemetryConsentModal';
 import NpmUpdateToast from './NpmUpdateToast';
@@ -27,9 +24,8 @@ import Toast from '../Toast';
 import styles from '../../styles';
 import { AppColors } from '../../styles/AppColors';
 import NavigationTracker from './NavigationTracker';
-import PerformanceHud from './PerformanceHud';
 const MainScreen = () => {
-    const { visible, setVisible, switchActiveTab, modalAnimationType, closeModal, modalHeightPercent, selected, selectedEvent, selectedLog, selectedReduxSlice, selectedReduxAction, selectedCrash, settingsPage, activeTab, isReady, isEnabled, isPerformanceHudEnabled, useNativeFab, hasNavigationContext, setNavState, } = useInspector();
+    const { visible, modalAnimationType, closeModal, modalHeightPercent, selected, selectedEvent, selectedLog, selectedReduxSlice, selectedReduxAction, selectedCrash, settingsPage, activeTab, isReady, isEnabled, useNativeFab, hasNavigationContext, setNavState, } = useInspector();
     const isDetailActive = (activeTab === 'apis' && selected != null) ||
         (activeTab === 'analytics' && selectedEvent != null) ||
         (activeTab === 'logs' && selectedLog != null) ||
@@ -70,16 +66,10 @@ const MainScreen = () => {
         }).start();
     }, [activeTab]);
     return (<>
-      <View pointerEvents="box-none" style={StyleSheet.absoluteFillObject}>
-        {(Platform.OS === 'ios' || Platform.OS === 'android') &&
+      {(Platform.OS === 'ios' || Platform.OS === 'android') &&
             isEnabled &&
             !visible &&
             !useNativeFab && <FabLauncher />}
-        {isEnabled && !visible && isPerformanceHudEnabled && (<PerformanceHud visible={true} onPress={() => {
-                setVisible(true);
-                switchActiveTab('performance');
-            }}/>)}
-      </View>
       <Modal visible={visible} animationType={modalAnimationType} transparent statusBarTranslucent={true}>
       {visible && (<ErrorBoundary onClose={closeModal}>
           <View style={styles.modalBackdrop}>
@@ -123,9 +113,6 @@ const MainScreen = () => {
                       {activeTab === 'logs' && <ConsoleTab />}
                       {activeTab === 'analytics' && <AnalyticsTab />}
                       {activeTab === 'redux' && <ReduxTab />}
-                      {activeTab === 'storage' && <StorageTab />}
-                      {activeTab === 'device' && <DeviceTab />}
-                      {activeTab === 'audit' && <AuditTab />}
                       {activeTab === 'bundle' && <BundleTab />}
                       {activeTab === 'performance' && <PerformanceTab />}
                       {activeTab === 'crash' && <CrashTab />}