react-native-inapp-inspector 1.1.18 → 1.1.20

package/dist/esm/customHooks/webViewLogger.js

@@ -1,405 +0,0 @@
-import React, { forwardRef, useState } from 'react';
-import { View, ActivityIndicator, StyleSheet } from 'react-native';
-let OriginalWebView = null;
-try {
-    const RNWebView = require('react-native-webview');
-    OriginalWebView = RNWebView.WebView || RNWebView.default;
-}
-catch (e) {
-    // Silent fail
-}
-const injectJS = `
-(function() {
-    if (!window.__webview_console_overridden__) {
-    window.__webview_console_overridden__ = true;
-    var originalLog = console.log;
-    var originalWarn = console.warn;
-    var originalError = console.error;
-    var originalInfo = console.info;
-
-    var sendToRN = function(type, args) {
-        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
-        var messageStr = '';
-        try {
-            var argsList = [];
-            for (var i = 0; i < args.length; i++) {
-            var arg = args[i];
-            if (typeof arg === 'object') {
-                try {
-                argsList.push(JSON.stringify(arg));
-                } catch (e) {
-                argsList.push(String(arg));
-                }
-            } else {
-                argsList.push(String(arg));
-            }
-            }
-            messageStr = argsList.join(' ');
-        } catch (err) {
-            messageStr = String(args);
-        }
-
-        try {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
-            type: 'webview-log',
-            logType: type,
-            message: messageStr
-            }));
-        } catch (postErr) {}
-        }
-    };
-
-    console.log = function() {
-        if (originalLog) {
-        originalLog.apply(console, arguments);
-        }
-        sendToRN('log', arguments);
-    };
-    console.warn = function() {
-        if (originalWarn) {
-        originalWarn.apply(console, arguments);
-        }
-        sendToRN('warn', arguments);
-    };
-    console.error = function() {
-        if (originalError) {
-        originalError.apply(console, arguments);
-        }
-        sendToRN('error', arguments);
-    };
-    console.info = function() {
-        if (originalInfo) {
-        originalInfo.apply(console, arguments);
-        }
-        sendToRN('info', arguments);
-    };
-    }
-
-    if (!window.__webview_html_capture_setup__) {
-    window.__webview_html_capture_setup__ = true;
-
-    var sendHtmlRetries = 0;
-    window.__webview_send_html__ = function() {
-        if (window.ReactNativeWebView && window.ReactNativeWebView.postMessage) {
-        try {
-            var html = '';
-            try {
-            if (document && document.documentElement) {
-                html = document.documentElement.outerHTML || '';
-            }
-            } catch (e) {}
-
-            // Get CSS
-            var css = '';
-            try {
-            var sheets = document.styleSheets;
-            if (sheets) {
-                for (var i = 0; i < sheets.length; i++) {
-                var sheet = sheets[i];
-                try {
-                    var rules = sheet.cssRules || sheet.rules;
-                    if (rules) {
-                    for (var j = 0; j < rules.length; j++) {
-                        css += rules[j].cssText + String.fromCharCode(10);
-                    }
-                    }
-                } catch (e) {
-                    if (sheet.href) {
-                    css += '/* External stylesheet: ' + sheet.href + ' */' + String.fromCharCode(10);
-                    }
-                }
-                }
-            }
-            } catch (e) {}
-
-            try {
-            var styles = document.querySelectorAll('style');
-            if (styles) {
-                for (var i = 0; i < styles.length; i++) {
-                var style = styles[i];
-                if (style && style.textContent) {
-                    if (css.indexOf(style.textContent) === -1) {
-                    css += style.textContent + String.fromCharCode(10);
-                    }
-                }
-                }
-            }
-            } catch (e) {}
-
-            // Get JS
-            var js = '';
-            try {
-            var scripts = document.querySelectorAll('script');
-            if (scripts) {
-                for (var i = 0; i < scripts.length; i++) {
-                var script = scripts[i];
-                if (script) {
-                    if (script.src) {
-                    js += '// External Script: ' + script.src + String.fromCharCode(10);
-                    } else if (script.textContent) {
-                    js += script.textContent + String.fromCharCode(10);
-                    }
-                }
-                }
-            }
-            } catch (e) {}
-
-            try {
-            window.ReactNativeWebView.postMessage(JSON.stringify({
-                type: 'webview-html',
-                html: html,
-                css: css,
-                js: js,
-                url: window.location.href
-            }));
-            } catch (postError) {
-            try {
-                window.ReactNativeWebView.postMessage(JSON.stringify({
-                type: 'webview-html',
-                html: html,
-                css: '/* CSS truncated due to size limit */',
-                js: '/* JS truncated due to size limit */',
-                url: window.location.href
-                }));
-            } catch (htmlOnlyError) {
-                window.ReactNativeWebView.postMessage(JSON.stringify({
-                type: 'webview-html',
-                html: '<h1>Page source too large to capture</h1>',
-                url: window.location.href
-                }));
-            }
-            }
-        } catch (err) {}
-        } else if (sendHtmlRetries < 50) {
-        sendHtmlRetries++;
-        setTimeout(window.__webview_send_html__, 100);
-        }
-    };
-
-    var debounceTimeout = null;
-    window.__webview_debounced_send_html__ = function() {
-        if (debounceTimeout) {
-        clearTimeout(debounceTimeout);
-        }
-        debounceTimeout = setTimeout(window.__webview_send_html__, 500);
-    };
-
-    // Setup MutationObserver for SPAs
-    try {
-        var observer = new MutationObserver(function() {
-        window.__webview_debounced_send_html__();
-        });
-        observer.observe(document.documentElement, {
-        attributes: true,
-        childList: true,
-        subtree: true
-        });
-    } catch (e) {}
-
-    // Setup SPA router state changes
-    try {
-        var originalPushState = history.pushState;
-        history.pushState = function() {
-        originalPushState.apply(this, arguments);
-        window.__webview_debounced_send_html__();
-        };
-        var originalReplaceState = history.replaceState;
-        history.replaceState = function() {
-        originalReplaceState.apply(this, arguments);
-        window.__webview_debounced_send_html__();
-        };
-        window.addEventListener('popstate', window.__webview_debounced_send_html__);
-        window.addEventListener('hashchange', window.__webview_debounced_send_html__);
-    } catch (e) {}
-
-    window.addEventListener('DOMContentLoaded', window.__webview_send_html__);
-    window.addEventListener('load', window.__webview_send_html__);
-    if (document.readyState === 'interactive' || document.readyState === 'complete') {
-        window.__webview_send_html__();
-    }
-    } else {
-    if (window.__webview_send_html__) {
-        window.__webview_send_html__();
-    }
-    }
-})();
-true;
-`;
-export const WebView = forwardRef((props, ref) => {
-    if (!OriginalWebView) {
-        console.warn('[NetworkInspector] react-native-webview not found. Make sure it is installed.');
-        return null;
-    }
-    const [loading, setLoading] = useState(false);
-    const handleMessage = (event) => {
-        try {
-            const data = JSON.parse(event.nativeEvent.data);
-            if (data.type === 'webview-log') {
-                addWebViewLog(data.logType, data.message);
-            }
-            else if (data.type === 'webview-html') {
-                addWebViewHtml(data.url, data.html, data.css, data.js);
-            }
-        }
-        catch (e) { }
-        if (props.onMessage) {
-            props.onMessage(event);
-        }
-    };
-    const handleNavigationStateChange = (navState) => {
-        addWebViewNav(navState.url, navState.title);
-        if (props.onNavigationStateChange) {
-            props.onNavigationStateChange(navState);
-        }
-    };
-    const handleLoadStart = (syntheticEvent) => {
-        setLoading(true);
-        if (props.onLoadStart) {
-            props.onLoadStart(syntheticEvent);
-        }
-    };
-    const handleLoadEnd = (syntheticEvent) => {
-        setLoading(false);
-        if (props.onLoadEnd) {
-            props.onLoadEnd(syntheticEvent);
-        }
-    };
-    // Register initial URL
-    React.useEffect(() => {
-        if (props.source && props.source.uri) {
-            addWebViewNav(props.source.uri, 'Initial Page');
-        }
-    }, [props.source?.uri]);
-    const combinedInjectedJSBefore = props.injectedJavaScriptBeforeContentLoaded
-        ? `${injectJS}\n${props.injectedJavaScriptBeforeContentLoaded}`
-        : injectJS;
-    const combinedInjectedJS = props.injectedJavaScript
-        ? `${injectJS}\n${props.injectedJavaScript}`
-        : injectJS;
-    const showLoader = props.showLoader !== false;
-    return React.createElement(View, { style: props.style || { flex: 1 } }, React.createElement(OriginalWebView, {
-        ...props,
-        style: { flex: 1 },
-        ref: ref,
-        injectedJavaScriptBeforeContentLoaded: combinedInjectedJSBefore,
-        injectedJavaScript: combinedInjectedJS,
-        onMessage: handleMessage,
-        onNavigationStateChange: handleNavigationStateChange,
-        onLoadStart: handleLoadStart,
-        onLoadEnd: handleLoadEnd,
-    }), loading &&
-        showLoader &&
-        React.createElement(View, {
-            style: {
-                ...StyleSheet.absoluteFill,
-                justifyContent: 'center',
-                alignItems: 'center',
-                backgroundColor: 'rgba(255, 255, 255, 0.4)',
-            },
-        }, React.createElement(ActivityIndicator, {
-            size: 'large',
-            color: '#684B9B',
-        })));
-});
-// Perform monkey-patching to intercept react-native-webview exports globally
-try {
-    const RNWebView = require('react-native-webview');
-    if (RNWebView) {
-        const defineProp = (obj, prop, value) => {
-            try {
-                Object.defineProperty(obj, prop, {
-                    value: value,
-                    configurable: true,
-                    writable: true,
-                    enumerable: true,
-                });
-            }
-            catch (e) {
-                try {
-                    obj[prop] = value;
-                }
-                catch (err) { }
-            }
-        };
-        if (RNWebView.WebView) {
-            defineProp(RNWebView, 'WebView', WebView);
-        }
-        if (RNWebView.default) {
-            if (RNWebView.default.WebView) {
-                defineProp(RNWebView.default, 'WebView', WebView);
-            }
-            defineProp(RNWebView, 'default', WebView);
-        }
-    }
-}
-catch (e) {
-    // Silent fail
-}
-let logs = [];
-let navHistory = [];
-let currentHtml = '';
-let currentCss = '';
-let currentJs = '';
-let currentHtmlUrl = '';
-let listeners = [];
-let counter = 0;
-const notify = () => {
-    const snapshotLogs = [...logs];
-    const snapshotHistory = [...navHistory];
-    listeners.forEach(cb => cb());
-};
-export const addWebViewLog = (type, message) => {
-    logs.unshift({
-        id: counter++,
-        type,
-        message,
-        timestamp: Date.now(),
-    });
-    logs = logs.slice(0, 100);
-    notify();
-};
-export const addWebViewNav = (url, title) => {
-    // Prevent duplicate consecutive navigation events for the same URL
-    if (navHistory.length > 0 && navHistory[0].url === url) {
-        if (title && !navHistory[0].title) {
-            navHistory[0].title = title;
-            notify();
-        }
-        return;
-    }
-    navHistory.unshift({
-        url,
-        title,
-        timestamp: Date.now(),
-    });
-    navHistory = navHistory.slice(0, 5);
-    notify();
-};
-export const addWebViewHtml = (url, html, css, js) => {
-    currentHtml = html;
-    currentCss = css || '';
-    currentJs = js || '';
-    currentHtmlUrl = url;
-    notify();
-};
-export const getWebViewLogs = () => [...logs];
-export const getWebViewNavHistory = () => [...navHistory];
-export const getWebViewHtml = () => currentHtml;
-export const getWebViewCss = () => currentCss;
-export const getWebViewJs = () => currentJs;
-export const getWebViewHtmlUrl = () => currentHtmlUrl;
-export const clearWebViewData = () => {
-    logs = [];
-    navHistory = [];
-    currentHtml = '';
-    currentCss = '';
-    currentJs = '';
-    currentHtmlUrl = '';
-    notify();
-};
-export const subscribeWebView = (cb) => {
-    listeners.push(cb);
-    return () => {
-        listeners = listeners.filter(l => l !== cb);
-    };
-};

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

@@ -1,39 +0,0 @@
-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

@@ -1,47 +0,0 @@
-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/i18n/en.json

@@ -1,144 +0,0 @@
-{
-    "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/example/.bundle/config

@@ -1,2 +0,0 @@
-BUNDLE_PATH: "vendor/bundle"
-BUNDLE_FORCE_RUBY_PLATFORM: 1

package/example/.eslintrc.js

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: '@react-native',
-};

package/example/.prettierrc.js

@@ -1,5 +0,0 @@
-module.exports = {
-  arrowParens: 'avoid',
-  singleQuote: true,
-  trailingComma: 'all',
-};

package/example/.watchmanconfig

@@ -1 +0,0 @@
-{}