react-native-inapp-inspector 1.1.13 → 1.1.15

package/dist/esm/enums/index.d.ts

@@ -0,0 +1,39 @@
+export declare enum InspectorTab {
+    APIs = "apis",
+    Logs = "logs",
+    Analytics = "analytics",
+    Redux = "redux"
+}
+export declare enum ApiDetailTab {
+    Response = "response",
+    Request = "request",
+    Headers = "headers",
+    Metadata = "metadata"
+}
+export declare enum JsonViewerMode {
+    Pretty = "pretty",
+    Raw = "raw",
+    Table = "table"
+}
+export declare enum ReduxSubTab {
+    State = "state",
+    Timeline = "timeline"
+}
+export declare enum ReduxActionSubTab {
+    Payload = "payload",
+    Diff = "diff",
+    State = "state"
+}
+export declare enum ConsoleLogLevel {
+    Info = "info",
+    Warn = "warn",
+    Error = "error"
+}
+export declare enum SortOrderEnum {
+    Newest = "newest",
+    Oldest = "oldest"
+}
+export declare enum AnalyticsSource {
+    Firebase = "firebase",
+    Manual = "manual"
+}

package/dist/esm/enums/index.js

@@ -0,0 +1,47 @@
+export var InspectorTab;
+(function (InspectorTab) {
+    InspectorTab["APIs"] = "apis";
+    InspectorTab["Logs"] = "logs";
+    InspectorTab["Analytics"] = "analytics";
+    InspectorTab["Redux"] = "redux";
+})(InspectorTab || (InspectorTab = {}));
+export var ApiDetailTab;
+(function (ApiDetailTab) {
+    ApiDetailTab["Response"] = "response";
+    ApiDetailTab["Request"] = "request";
+    ApiDetailTab["Headers"] = "headers";
+    ApiDetailTab["Metadata"] = "metadata";
+})(ApiDetailTab || (ApiDetailTab = {}));
+export var JsonViewerMode;
+(function (JsonViewerMode) {
+    JsonViewerMode["Pretty"] = "pretty";
+    JsonViewerMode["Raw"] = "raw";
+    JsonViewerMode["Table"] = "table";
+})(JsonViewerMode || (JsonViewerMode = {}));
+export var ReduxSubTab;
+(function (ReduxSubTab) {
+    ReduxSubTab["State"] = "state";
+    ReduxSubTab["Timeline"] = "timeline";
+})(ReduxSubTab || (ReduxSubTab = {}));
+export var ReduxActionSubTab;
+(function (ReduxActionSubTab) {
+    ReduxActionSubTab["Payload"] = "payload";
+    ReduxActionSubTab["Diff"] = "diff";
+    ReduxActionSubTab["State"] = "state";
+})(ReduxActionSubTab || (ReduxActionSubTab = {}));
+export var ConsoleLogLevel;
+(function (ConsoleLogLevel) {
+    ConsoleLogLevel["Info"] = "info";
+    ConsoleLogLevel["Warn"] = "warn";
+    ConsoleLogLevel["Error"] = "error";
+})(ConsoleLogLevel || (ConsoleLogLevel = {}));
+export var SortOrderEnum;
+(function (SortOrderEnum) {
+    SortOrderEnum["Newest"] = "newest";
+    SortOrderEnum["Oldest"] = "oldest";
+})(SortOrderEnum || (SortOrderEnum = {}));
+export var AnalyticsSource;
+(function (AnalyticsSource) {
+    AnalyticsSource["Firebase"] = "firebase";
+    AnalyticsSource["Manual"] = "manual";
+})(AnalyticsSource || (AnalyticsSource = {}));

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

@@ -1,4 +1,4 @@
-import { NetworkLog, RouteInfo, DiffResult } from '../types';
+import { NetworkLog, RouteInfo, DiffResult, JsonContent } from '../types';
 export declare const getDomainColor: (domain: string) => string;
 export declare const formatDateTime: (timestamp: number) => string;
 export declare const getStatusColor: (status: number | null) => string;
@@ -22,3 +22,29 @@ export declare const formatDateTimeToAnalytics: (ts: number) => string;
 export declare const getBundleIdentifier: () => string;
 export declare const getAppName: () => string;
 export declare const handleOpenExternalLink: (url: string) => void;
+/** Formats a timestamp as HH:MM:SS (no milliseconds). */
+export declare const formatTimeShort: (ts: number) => string;
+/** Formats a timestamp as HH:MM:SS.mmm (with milliseconds). */
+export declare const formatTime: (ts: number) => string;
+/** Formats a relative gap like "+2s" / "+1m 5s" / "+350ms". */
+export declare const formatGap: (ms: 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 "..." */
+export declare const getJsonPreviewText: (data: any, maxLines?: number) => {
+    text: string;
+    hasMore: boolean;
+};
+export interface ParsedStackFrame {
+    raw: string;
+    functionName: string;
+    fileName: string;
+    fullPath: string;
+    fileExt?: 'tsx' | 'jsx' | 'ts' | 'js' | 'other';
+    isUserCode?: boolean;
+    lineNumber?: string;
+    columnNumber?: string;
+    isOrigin?: boolean;
+}
+/** Parses a stack trace line to extract function name, file name, extension (.tsx/.jsx/.ts), line, and column numbers */
+export declare const parseStackLine: (rawLine: string, isOrigin?: boolean) => ParsedStackFrame;

package/dist/esm/helpers/index.js

@@ -52,10 +52,52 @@ export const getSize = (data) => {
         return '—';
     }
 };
+// Try loading community clipboard or native clipboard modules with graceful fallbacks
+const getClipboardModule = () => {
+    try {
+        // @ts-ignore
+        const community = require('@react-native-clipboard/clipboard');
+        if (community?.default?.setString)
+            return community.default;
+        if (community?.setString)
+            return community;
+    }
+    catch { }
+    try {
+        // @ts-ignore
+        const oldCommunity = require('@react-native-community/clipboard');
+        if (oldCommunity?.default?.setString)
+            return oldCommunity.default;
+        if (oldCommunity?.setString)
+            return oldCommunity;
+    }
+    catch { }
+    try {
+        if (NativeModules?.RNCClipboard?.setString)
+            return NativeModules.RNCClipboard;
+    }
+    catch { }
+    return Clipboard;
+};
 export const copyToClipboard = (value, label) => {
     const resolved = typeof value === 'function' ? value() : value;
     const text = typeof resolved === 'string' ? resolved : JSON.stringify(resolved, null, 2);
-    Clipboard.setString(text ?? '');
+    const textToCopy = text ?? '';
+    try {
+        const cb = getClipboardModule();
+        if (cb && typeof cb.setString === 'function') {
+            cb.setString(textToCopy);
+        }
+        else {
+            Clipboard.setString(textToCopy);
+        }
+    }
+    catch {
+        try {
+            Clipboard.setString(textToCopy);
+        }
+        catch { }
+    }
     if (Platform.OS === 'android') {
         ToastAndroid.show(`${label} copied`, ToastAndroid.SHORT);
     }
@@ -262,14 +304,7 @@ export const getAppName = () => {
     // Try iOS via PlatformConstants
     const constants = NativeModules.PlatformConstants;
     if (constants && typeof constants.interfaceIdiom === 'string') {
-        // On iOS, try to get display name from the main bundle
-        const SettingsManager = NativeModules.SettingsManager;
-        if (SettingsManager && SettingsManager.settings) {
-            const appName = SettingsManager.settings.AppleLocale
-                ? undefined
-                : undefined;
-            // Fallback: try to parse from SourceCode
-        }
+        // Fallback: try to parse from SourceCode
     }
     // Try react-native-device-info
     const RNDeviceInfo = NativeModules.RNDeviceInfo;
@@ -305,13 +340,147 @@ export const getAppName = () => {
 export const handleOpenExternalLink = (url) => {
     if (!url)
         return;
-    Alert.alert('Open Link', `Do you want to open this link in your web browser?\n\n${url}`, [
+    const openUrl = formatDisplayUrl(url);
+    Alert.alert('Open Link', `Do you want to open this link in your web browser?\n\n${openUrl}`, [
         { text: 'Cancel', style: 'cancel' },
         {
             text: 'Open',
             onPress: () => {
-                Linking.openURL(url).catch(() => { });
+                Linking.openURL(openUrl).catch(() => { });
             },
         },
     ]);
 };
+/** Formats a timestamp as HH:MM:SS (no milliseconds). */
+export const formatTimeShort = (ts) => {
+    const d = new Date(ts);
+    const hh = String(d.getHours()).padStart(2, '0');
+    const mm = String(d.getMinutes()).padStart(2, '0');
+    const ss = String(d.getSeconds()).padStart(2, '0');
+    return `${hh}:${mm}:${ss}`;
+};
+/** Formats a timestamp as HH:MM:SS.mmm (with milliseconds). */
+export const formatTime = (ts) => {
+    const d = new Date(ts);
+    const hh = String(d.getHours()).padStart(2, '0');
+    const mm = String(d.getMinutes()).padStart(2, '0');
+    const ss = String(d.getSeconds()).padStart(2, '0');
+    const ms = String(d.getMilliseconds()).padStart(3, '0');
+    return `${hh}:${mm}:${ss}.${ms}`;
+};
+/** Formats a relative gap like "+2s" / "+1m 5s" / "+350ms". */
+export const formatGap = (ms) => {
+    if (ms < 1000)
+        return `+${ms}ms`;
+    const s = Math.round(ms / 1000);
+    if (s < 60)
+        return `+${s}s`;
+    const m = Math.floor(s / 60);
+    const rem = s % 60;
+    return rem > 0 ? `+${m}m ${rem}s` : `+${m}m`;
+};
+/** Finds the first JSON object/array embedded anywhere in a log message. */
+export const getJsonContent = (message) => {
+    if (!message)
+        return null;
+    const indices = [];
+    for (let i = 0; i < message.length; i++) {
+        if (message[i] === '{' || message[i] === '[') {
+            indices.push(i);
+        }
+    }
+    for (const index of indices) {
+        const candidate = message.substring(index).trim();
+        try {
+            const parsed = JSON.parse(candidate);
+            if (parsed !== null && typeof parsed === 'object') {
+                const header = message.substring(0, index).trim();
+                return { header, data: parsed };
+            }
+        }
+        catch (e) {
+            // Ignore
+        }
+    }
+    return null;
+};
+/** Pretty-prints JSON data showing 3-4 lines with trailing "..." */
+export const getJsonPreviewText = (data, maxLines = 4) => {
+    try {
+        const formatted = JSON.stringify(data, null, 2);
+        const lines = formatted.split('\n');
+        if (lines.length > maxLines) {
+            return {
+                text: lines.slice(0, maxLines).join('\n') + '\n...',
+                hasMore: true,
+            };
+        }
+        return {
+            text: formatted,
+            hasMore: false,
+        };
+    }
+    catch (e) {
+        return {
+            text: String(data),
+            hasMore: false,
+        };
+    }
+};
+/** Parses a stack trace line to extract function name, file name, extension (.tsx/.jsx/.ts), line, and column numbers */
+export const parseStackLine = (rawLine, isOrigin = false) => {
+    let line = rawLine.trim().replace(/^at /, '');
+    // Format: func@file:line:col (JSC / Hermes format)
+    if (line.includes('@')) {
+        const atIndex = line.indexOf('@');
+        const funcPart = line.substring(0, atIndex).trim();
+        const pathPart = line.substring(atIndex + 1).trim();
+        line = funcPart ? `${funcPart} (${pathPart})` : pathPart;
+    }
+    // Check for "func (path:line:col)" or "path:line:col"
+    const parenMatch = line.match(/^(.*?)\s*\((.*?)\)$/);
+    let functionName = '<anonymous>';
+    let locationPart = line;
+    if (parenMatch) {
+        functionName = parenMatch[1].trim() || '<anonymous>';
+        locationPart = parenMatch[2].trim();
+    }
+    // Remove "address at " prefix if present in Hermes
+    locationPart = locationPart.replace(/^address at /, '');
+    // Extract file, line, and col from locationPart (e.g. "path/to/file.tsx:42:15" or "http://...:42:15")
+    const locMatch = locationPart.match(/^(.*?):(\d+):(\d+)$/);
+    let fullPath = locationPart;
+    let lineNumber;
+    let columnNumber;
+    if (locMatch) {
+        fullPath = locMatch[1];
+        lineNumber = locMatch[2];
+        columnNumber = locMatch[3];
+    }
+    // Clean file name (remove query strings, packager urls, and parent paths)
+    let cleanPath = fullPath.split('?')[0].split('&')[0].replace(/[)]+$/, '');
+    // Remove protocol prefixes
+    cleanPath = cleanPath.replace(/^(?:https?:\/\/[^\/]+\/|file:\/\/\/|webpack:\/\/\/?)/, '');
+    const fileName = cleanPath.split('/').pop() || cleanPath;
+    // Determine file extension (.tsx, .jsx, .ts, .js)
+    const extMatch = fileName.match(/\.([a-z0-9]+)$/i);
+    const ext = extMatch ? extMatch[1].toLowerCase() : '';
+    const fileExt = ext === 'tsx' || ext === 'jsx' || ext === 'ts' || ext === 'js'
+        ? ext
+        : 'other';
+    const isUserCode = !cleanPath.includes('node_modules') &&
+        !cleanPath.includes('react-native/') &&
+        !cleanPath.includes('react-native-inapp-inspector') &&
+        (fileExt === 'tsx' || fileExt === 'jsx' || fileExt === 'ts' || fileExt === 'js');
+    return {
+        raw: rawLine,
+        functionName,
+        fileName,
+        fullPath: cleanPath,
+        fileExt,
+        isUserCode,
+        lineNumber,
+        columnNumber,
+        isOrigin,
+    };
+};

package/dist/esm/helpers/settingsStore.d.ts

@@ -1,28 +1,6 @@
-export interface InspectorStorage {
-    getItem: (key: string) => string | null | Promise<string | null>;
-    setItem: (key: string, value: string) => void | Promise<void>;
-}
+import { InspectorStorage, PersistedSettings } from '../types';
+export { InspectorStorage, PersistedSettings };
 export declare function setCustomStorage(storage: InspectorStorage | null): void;
-export interface PersistedSettings {
-    isDark?: boolean;
-    modalHeightPercent?: number;
-    modalAnimationType?: string;
-    tabVisibility?: Record<string, boolean>;
-    defaultTab?: string;
-    maxNetworkLogs?: number;
-    maxConsoleLogs?: number;
-    showConsoleLevels?: {
-        info: boolean;
-        warn: boolean;
-        error: boolean;
-    };
-    webViewCaptureCssJs?: boolean;
-    reduxAutoRefresh?: boolean;
-    reduxExpandDepth?: number;
-    slowRequestThreshold?: number;
-    insightsShowConsoleAlerts?: boolean;
-    showDuplicateLogs?: boolean;
-}
 export declare function loadSettings(): Promise<PersistedSettings>;
 export declare function saveSettings(settings: PersistedSettings): void;
 export declare function clearPersistedSettings(): Promise<void>;

package/dist/esm/i18n/en.json

@@ -0,0 +1,144 @@
+{
+    "header": {
+        "title": "InApp Inspector",
+        "clear_all": "Clear Everything",
+        "clear_all_confirm": "This clears all tabs — APIs, Logs, Analytics, WebView and Redux timeline. Continue?",
+        "cancel": "Cancel",
+        "clear": "Clear All",
+        "engine": "Engine: React Native"
+    },
+    "tabs": {
+        "apis": "APIs",
+        "logs": "Logs",
+        "analytics": "Analytics",
+        "redux": "Redux"
+    },
+    "search": {
+        "apis_placeholder": "Search by URL, method, or status...",
+        "logs_placeholder": "Search logs...",
+        "log_details_placeholder": "Search in log details...",
+        "analytics_placeholder": "Search events...",
+        "redux_placeholder": "Search Redux keys or values...",
+        "request_placeholder": "Search request...",
+        "response_placeholder": "Search response..."
+    },
+    "filters": {
+        "group_by_domain": "Group by Domain",
+        "all": "All",
+        "user_log": "User Log",
+        "info": "Info",
+        "warn": "Warn",
+        "error": "Error",
+        "analytics": "Analytics",
+        "showing_requests": "Showing ({{filtered}}/{{total}}) requests",
+        "showing_logs": "Showing ({{filtered}}/{{total}}) logs showing",
+        "filtering_logs": "Filtering with {{filters}} ({{filtered}}/{{total}}) logs is showing",
+        "showing_analytics": "Showing ({{filtered}}/{{total}}) analytics events"
+    },
+    "details": {
+        "console_log": "Console Log",
+        "caller_location": "CALLER LOCATION",
+        "log_payload": "LOG PAYLOAD",
+        "captured_at": "Captured at: ",
+        "chars": "chars",
+        "query_params": "Query Params",
+        "duration": "Duration",
+        "timestamp": "Timestamp",
+        "request_size": "Request Size",
+        "response_size": "Response Size",
+        "caller_stack": "Caller Stack",
+        "response_headers": "Response Headers",
+        "request_headers": "Request Headers",
+        "request_payload": "Request Payload",
+        "response": "Response",
+        "tab_response": "Response",
+        "tab_request": "Request",
+        "tab_headers": "Headers",
+        "tab_metadata": "Metadata",
+        "network_request": "Network Request",
+        "copy_all": "COPY ALL",
+        "general_info": "General Info",
+        "no_headers": "No Headers",
+        "no_payload": "No Payload",
+        "no_response": "No Response"
+    },
+    "analytics": {
+        "title": "Analytics Events",
+        "empty": "No analytics events recorded yet.",
+        "user_context": "User Context",
+        "id": "ID",
+        "show_props": "Show Props",
+        "hide_props": "Hide Props",
+        "event_details": "Event Details",
+        "event_name": "Event Name",
+        "timestamp": "Timestamp",
+        "parameters": "Parameters",
+        "no_parameters": "No Parameters"
+    },
+    "redux": {
+        "title": "Redux Store & History",
+        "search_label": "SEARCH REDUX STATE / ACTIONS",
+        "no_actions": "NO ACTIONS DISPATCHED YET",
+        "no_store_title": "No Redux Store",
+        "no_store_sub": "To inspect Redux store, call connectReduxStore(store) at app start.",
+        "empty_store_title": "Empty Store",
+        "empty_store_sub": "Connected store state is empty.",
+        "root_reducers": "Root State Reducers",
+        "slices": "slice(s)"
+    },
+    "settings": {
+        "title": "Inspector Settings",
+        "appearance": "APPEARANCE",
+        "dark_mode": "Dark Mode Theme",
+        "dark_mode_desc": "Switch between dark and light inspector theme",
+        "module_visibility": "MODULE VISIBILITY & TABS",
+        "apis_tab": "Network APIs Tab",
+        "apis_tab_desc": "Show or hide Network APIs monitoring tab",
+        "logs_tab": "Console Logs Tab",
+        "logs_tab_desc": "Show or hide Console Logs tab",
+        "analytics_tab": "Analytics Events Tab",
+        "analytics_tab_desc": "Show or hide Analytics Events tab",
+        "redux_tab": "Redux Timeline Tab",
+        "redux_tab_desc": "Show or hide Redux store state inspector tab",
+        "default_landing_tab": "DEFAULT LANDING TAB",
+        "storage_persistence": "STORAGE & PERSISTENCE",
+        "custom_storage": "Custom Storage Adapter",
+        "custom_storage_active": "Active (AsyncStorage / Custom Storage attached)",
+        "custom_storage_memory": "In-Memory only (No persistent storage attached)",
+        "reset_settings": "Reset Persisted Settings",
+        "reset_settings_desc": "Clear saved theme, tab visibility & preferences",
+        "reset_confirm_title": "Reset Settings",
+        "reset_confirm_msg": "Are you sure you want to reset all persisted preferences to default?",
+        "reset": "Reset",
+        "reset_done": "Settings reset to default."
+    },
+    "empty": {
+        "loading": "Loading logs...",
+        "no_matching_apis": "No matching APIs",
+        "no_network_activity": "No network activity",
+        "try_adjusting_filters": "Try adjusting your filters or search.",
+        "listening_api_calls": "Listening for incoming API calls...",
+        "reload_app": "Reload App",
+        "reload": "Reload",
+        "reload_dev_only": "App reload is typically only available in development mode."
+    },
+    "error": {
+        "native_crash": "🔴 NATIVE CRASH",
+        "js_crash": "🟡 JAVASCRIPT CRASH",
+        "crash_desc": "The In-App Inspector or active view encountered an error. Traceback details are parsed below:",
+        "method": "Method:",
+        "file": "File:",
+        "line": "Line:",
+        "col": "Col:",
+        "copy_traceback": "📋 Copy Crash Traceback",
+        "retry_reload": "Retry / Reload",
+        "close_inspector": "Close Inspector"
+    },
+    "json": {
+        "pretty_print": "Pretty Print",
+        "pretty": "Pretty",
+        "raw": "Raw",
+        "table": "Table",
+        "empty_object": "Empty Object"
+    }
+}

package/dist/esm/i18n/index.d.ts

@@ -0,0 +1,2 @@
+declare const i18n: import("i18next").i18n;
+export default i18n;

package/dist/esm/i18n/index.js

@@ -0,0 +1,22 @@
+import i18next from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import en from './locales/en.json';
+// Dedicated instance so the inspector never collides with the host app's own
+// i18next setup (or with i18next instances created by other libraries).
+const i18n = i18next.createInstance();
+i18n.use(initReactI18next).init({
+    lng: 'en',
+    fallbackLng: 'en',
+    resources: {
+        en: {
+            translation: en,
+        },
+    },
+    interpolation: {
+        escapeValue: false,
+    },
+    react: {
+        useSuspense: false,
+    },
+});
+export default i18n;