react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/esm/customHooks/consoleLogger.js

@@ -1,432 +1,6 @@
-import { NativeModules } from 'react-native';
-import { IGNORED_LOG_PREFIXES } from './logFilters';
-import { setupGlobalCrashHandler } from './crashHandler';
-let logs = [];
-let listeners = [];
-let counter = 0;
-let isIntercepting = false;
-let isConsoleModuleEnabled = true;
-export const setConsoleModuleEnabled = (enabled) => {
-    isConsoleModuleEnabled = enabled;
-};
-export const getConsoleModuleEnabled = () => isConsoleModuleEnabled;
-let maxConsoleLogsLimit = 250;
-export const setMaxConsoleLogsLimit = (limit) => {
-    maxConsoleLogsLimit = Math.max(10, limit);
-    if (logs.length > maxConsoleLogsLimit) {
-        logs = logs.slice(0, maxConsoleLogsLimit);
-        notify();
-    }
-};
-export const getMaxConsoleLogsLimit = () => maxConsoleLogsLimit;
-export const pruneConsoleLogs = (targetCount) => {
-    const countToKeep = targetCount !== undefined ? Math.max(0, targetCount) : Math.floor(logs.length / 2);
-    const pruned = logs.length - countToKeep;
-    if (pruned > 0) {
-        logs = logs.slice(0, countToKeep);
-        notify();
-    }
-    return Math.max(0, pruned);
-};
-const formatArgs = (args) => {
-    return args
-        .map(arg => {
-        if (arg === null)
-            return 'null';
-        if (arg === undefined)
-            return 'undefined';
-        if (typeof arg === 'object') {
-            try {
-                return JSON.stringify(arg, null, 2);
-            }
-            catch {
-                return Object.prototype.toString.call(arg);
-            }
-        }
-        return String(arg);
-    })
-        .join(' ');
-};
-const getMetroSymbolicateUrl = () => {
-    try {
-        const scriptURL = NativeModules.SourceCode?.scriptURL ||
-            NativeModules?.PlatformConstants?.serverHost ||
-            NativeModules?.DevSettings?.serverHost;
-        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
-            const match = scriptURL.match(/^(https?:\/\/[^\/]+)/);
-            if (match) {
-                return `${match[1]}/symbolicate`;
-            }
-            else if (!scriptURL.startsWith('http') && scriptURL.includes(':')) {
-                return `http://${scriptURL}/symbolicate`;
-            }
-        }
-    }
-    catch { }
-    return 'http://localhost:8081/symbolicate';
-};
-const symbolicateStack = async (stackString) => {
-    if (typeof __DEV__ === 'undefined' || !__DEV__ || !stackString)
-        return null;
-    try {
-        let symModule = null;
-        try {
-            symModule = require('react-native/Libraries/Core/Devtools/symbolicateStackTrace');
-        }
-        catch { }
-        const symFn = symModule?.default || symModule;
-        if (typeof symFn === 'function') {
-            const res = await symFn(stackString);
-            if (res && Array.isArray(res.stack) && res.stack.length > 0) {
-                return res.stack;
-            }
-        }
-    }
-    catch { }
-    try {
-        const metroUrl = getMetroSymbolicateUrl();
-        const scriptURL = NativeModules.SourceCode?.scriptURL || 'http://localhost:8081/index.bundle?platform=ios&dev=true';
-        const lines = stackString.split('\n');
-        const inputFrames = [];
-        for (const rawLine of lines) {
-            const line = rawLine.trim().replace(/^at /, '');
-            if (!line)
-                continue;
-            let methodName = '<anonymous>';
-            let locationPart = line;
-            const parenMatch = line.match(/^(.*?)\s*\((.*?)\)$/);
-            if (parenMatch) {
-                methodName = parenMatch[1].trim() || '<anonymous>';
-                locationPart = parenMatch[2].trim();
-            }
-            else if (line.includes('@')) {
-                const atIdx = line.indexOf('@');
-                methodName = line.substring(0, atIdx).trim() || '<anonymous>';
-                locationPart = line.substring(atIdx + 1).trim();
-            }
-            locationPart = locationPart.replace(/^address at /, '');
-            const locMatch = locationPart.match(/^(.*?):(\d+):(\d+)$/);
-            if (locMatch) {
-                let file = locMatch[1];
-                if (!file.startsWith('http') && file !== 'native' && !file.includes('InternalBytecode')) {
-                    file = scriptURL;
-                }
-                inputFrames.push({
-                    file,
-                    lineNumber: parseInt(locMatch[2], 10),
-                    column: parseInt(locMatch[3], 10),
-                    methodName,
-                });
-            }
-        }
-        if (inputFrames.length > 0) {
-            const response = await fetch(metroUrl, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ stack: inputFrames }),
-            });
-            if (response.ok) {
-                const json = await response.json();
-                if (json && Array.isArray(json.stack) && json.stack.length > 0) {
-                    return json.stack;
-                }
-            }
-        }
-    }
-    catch { }
-    return null;
-};
-const isLoggerInternal = (line) => {
-    const l = line.toLowerCase();
-    return (l.includes('getstackdetails') ||
-        l.includes('addlog') ||
-        l.includes('consolelogger') ||
-        l.includes('setupconsolelogger') ||
-        l.includes('formatargs') ||
-        l.includes('react-native-inapp-inspector') ||
-        l.trim() === 'error');
-};
-const getStackDetails = (args) => {
-    try {
-        let errorStack;
-        if (args && args.length > 0) {
-            for (const arg of args) {
-                if (arg instanceof Error && arg.stack) {
-                    errorStack = arg.stack;
-                    break;
-                }
-                else if (arg &&
-                    typeof arg === 'object' &&
-                    typeof arg.stack === 'string') {
-                    errorStack = arg.stack;
-                    break;
-                }
-            }
-        }
-        const rawStack = new Error().stack;
-        const stackToUse = errorStack || rawStack;
-        if (!stackToUse)
-            return { caller: 'Unknown', errorStack };
-        const lines = stackToUse.split('\n');
-        let userCaller;
-        let fallbackCaller;
-        for (let i = 0; i < lines.length; i++) {
-            const line = lines[i];
-            if (!line || isLoggerInternal(line)) {
-                continue;
-            }
-            const isInternal = line.includes('react-native/Libraries') ||
-                line.includes('setUpConsole') ||
-                line.includes('ExceptionsManager') ||
-                line.includes('MessageQueue') ||
-                line.includes('metro-runtime') ||
-                line.includes('regenerator-runtime');
-            if (!fallbackCaller && !line.includes('setUpConsole')) {
-                fallbackCaller = line.trim().replace(/^at /, '');
-            }
-            if (!isInternal) {
-                userCaller = line.trim().replace(/^at /, '');
-                break;
-            }
-        }
-        const cleanedStack = lines.filter(l => !isLoggerInternal(l)).join('\n');
-        const caller = userCaller || fallbackCaller || 'Unknown';
-        return { caller, stack: cleanedStack || stackToUse, errorStack, stackToUse };
-    }
-    catch (e) {
-        return { caller: 'Unknown' };
-    }
-};
-const notify = () => {
-    const snapshot = [...logs];
-    listeners.forEach(cb => cb(snapshot));
-};
-const addLog = (type, args, sourceMethod) => {
-    if (!isConsoleModuleEnabled)
-        return;
-    if (isIntercepting)
-        return;
-    isIntercepting = true;
-    try {
-        const message = formatArgs(args);
-        const allPrefixes = [
-            ...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.info) || []),
-            ...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.warn) || []),
-            ...((IGNORED_LOG_PREFIXES && IGNORED_LOG_PREFIXES.error) || []),
-        ].filter(p => typeof p === 'string' && p.trim().length > 0);
-        if (allPrefixes.some(prefix => message
-            .toLowerCase()
-            .trim()
-            .startsWith(prefix.toLowerCase().trim()) ||
-            message.toLowerCase().trim().includes(prefix.toLowerCase().trim()))) {
-            return;
-        }
-        const { caller, stack, errorStack, stackToUse } = getStackDetails(args);
-        const newLog = {
-            id: counter++,
-            type,
-            message,
-            timestamp: Date.now(),
-            caller,
-            stack,
-            errorStack,
-            rawArgs: args,
-            sourceMethod,
-        };
-        logs.unshift(newLog);
-        logs = logs.slice(0, maxConsoleLogsLimit);
-        notify();
-        const stackToSymbolicate = errorStack || stackToUse || stack;
-        if (type === 'error' && stackToSymbolicate && typeof __DEV__ !== 'undefined' && __DEV__) {
-            const currentLogId = newLog.id;
-            symbolicateStack(stackToSymbolicate)
-                .then(symFrames => {
-                if (symFrames && Array.isArray(symFrames) && symFrames.length > 0) {
-                    const symLines = [];
-                    let symUserCaller;
-                    for (const frame of symFrames) {
-                        const file = (frame.file || '').replace(/^webpack:\/\/\/?/, '');
-                        const method = frame.methodName || '<anonymous>';
-                        const line = frame.lineNumber != null ? `:${frame.lineNumber}` : '';
-                        const col = frame.column != null ? `:${frame.column}` : '';
-                        const isInternal = file.includes('customHooks/consoleLogger') ||
-                            file.includes('setupConsoleLogger') ||
-                            file.includes('getStackDetails') ||
-                            file.includes('react-native-inapp-inspector/dist') ||
-                            file.includes('react-native-inapp-inspector/src') ||
-                            method === 'getStackDetails' ||
-                            method === 'addLog' ||
-                            (method === 'log' && file.includes('consoleLogger'));
-                        if (isInternal) {
-                            continue;
-                        }
-                        const lineStr = `at ${method} (${file}${line}${col})`;
-                        symLines.push(lineStr);
-                        const isUserFile = file &&
-                            !file.includes('node_modules') &&
-                            !file.includes('react-native/') &&
-                            (file.endsWith('.tsx') ||
-                                file.endsWith('.jsx') ||
-                                file.endsWith('.ts') ||
-                                file.endsWith('.js'));
-                        if (!symUserCaller && isUserFile) {
-                            const cleanFile = file.split('/').pop() || file;
-                            symUserCaller = `${method} (${cleanFile}${line}${col})`;
-                        }
-                    }
-                    const targetLog = logs.find(l => l.id === currentLogId);
-                    if (targetLog) {
-                        if (symUserCaller) {
-                            targetLog.caller = symUserCaller;
-                        }
-                        else if (symLines.length > 0) {
-                            targetLog.caller = symLines[0].replace(/^at /, '');
-                        }
-                        if (symLines.length > 0) {
-                            targetLog.stack = symLines.join('\n');
-                        }
-                        notify();
-                    }
-                }
-            })
-                .catch(() => { });
-        }
-    }
-    catch (e) {
-    }
-    finally {
-        isIntercepting = false;
-    }
-};
-export const addLogFromCrash = (error, message, stack, isFatal) => {
-    const { caller, errorStack } = getStackDetails([error]);
-    const newLog = {
-        id: counter++,
-        type: 'error',
-        message: message || (error?.message ?? 'Runtime Crash'),
-        timestamp: Date.now(),
-        caller: caller !== 'Unknown'
-            ? caller
-            : isFatal
-                ? 'Fatal Crash'
-                : 'Unhandled Exception',
-        stack: stack || error?.stack || errorStack,
-        errorStack: stack || error?.stack,
-        rawArgs: [error],
-        sourceMethod: 'error',
-    };
-    logs.unshift(newLog);
-    logs = logs.slice(0, maxConsoleLogsLimit);
-    notify();
-    const stackToSym = stack || error?.stack || errorStack;
-    if (stackToSym && typeof __DEV__ !== 'undefined' && __DEV__) {
-        symbolicateStack(stackToSym)
-            .then(symFrames => {
-            if (symFrames && Array.isArray(symFrames) && symFrames.length > 0) {
-                const symLines = symFrames.map(f => `at ${f.methodName || '<anonymous>'} (${(f.file || '').replace(/^webpack:\/\/\/?/, '')}:${f.lineNumber ?? 0}:${f.column ?? 0})`);
-                const target = logs.find(l => l.id === newLog.id);
-                if (target) {
-                    target.stack = symLines.join('\n');
-                    notify();
-                }
-            }
-        })
-            .catch(() => { });
-    }
-    return newLog;
-};
-export const subscribeConsoleLogs = (callback) => {
-    listeners.push(callback);
-    callback([...logs]);
-    return () => {
-        listeners = listeners.filter(l => l !== callback);
-    };
-};
-export const clearConsoleLogs = () => {
-    logs = [];
-    notify();
-};
-export const getConsoleLogs = () => [...logs];
-export const setupConsoleLogger = () => {
-    if (globalThis.__CONSOLE_LOGGER_INITIALIZED__)
-        return;
-    const originalConsole = {
-        log: console.log,
-        info: console.info,
-        warn: console.warn,
-        error: console.error,
-        debug: console.debug,
-        trace: console.trace,
-    };
-    console.log = (...args) => {
-        try {
-            addLog('info', args, 'log');
-        }
-        catch { }
-        originalConsole.log(...args);
-    };
-    console.info = (...args) => {
-        try {
-            addLog('info', args, 'info');
-        }
-        catch { }
-        originalConsole.info(...args);
-    };
-    console.debug = (...args) => {
-        try {
-            addLog('info', args, 'info');
-        }
-        catch { }
-        if (typeof originalConsole.debug === 'function') {
-            originalConsole.debug(...args);
-        }
-        else {
-            originalConsole.log(...args);
-        }
-    };
-    console.trace = (...args) => {
-        try {
-            addLog('info', args, 'info');
-        }
-        catch { }
-        if (typeof originalConsole.trace === 'function') {
-            originalConsole.trace(...args);
-        }
-        else {
-            originalConsole.log(...args);
-        }
-    };
-    console.warn = (...args) => {
-        try {
-            addLog('warn', args, 'warn');
-        }
-        catch { }
-        originalConsole.warn(...args);
-    };
-    console.error = (...args) => {
-        try {
-            addLog('error', args, 'error');
-        }
-        catch { }
-        const firstArg = args && args[0];
-        const isRenderError = typeof firstArg === 'string' &&
-            (firstArg.includes('The above error occurred in') ||
-                firstArg.includes('Render Error') ||
-                firstArg.includes('ReferenceError') ||
-                firstArg.includes('TypeError'));
-        if (!isRenderError) {
-            originalConsole.error(...args);
-        }
-    };
-    try {
-        setupGlobalCrashHandler();
-    }
-    catch { }
-    globalThis.__CONSOLE_LOGGER_INITIALIZED__ = true;
-};
-if (typeof globalThis !== 'undefined') {
-    try {
-        setupConsoleLogger();
-    }
-    catch { }
-}
+import{NativeModules as E}from"react-native";import{IGNORED_LOG_PREFIXES as g}from"./logFilters";import{setupGlobalCrashHandler as R}from"./crashHandler";let l=[],x=[],U=0,S=!1,I=!0;export const setConsoleModuleEnabled=t=>{I=t},getConsoleModuleEnabled=()=>I;let y=250;export const setMaxConsoleLogsLimit=t=>{y=Math.max(10,t),l.length>y&&(l=l.slice(0,y),m())},getMaxConsoleLogsLimit=()=>y,pruneConsoleLogs=t=>{const e=t!==void 0?Math.max(0,t):Math.floor(l.length/2),c=l.length-e;return c>0&&(l=l.slice(0,e),m()),Math.max(0,c)};const j=t=>t.map(e=>{if(e===null)return"null";if(e===void 0)return"undefined";if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return Object.prototype.toString.call(e)}return String(e)}).join(" "),G=()=>{try{const t=E.SourceCode?.scriptURL||E?.PlatformConstants?.serverHost||E?.DevSettings?.serverHost;if(typeof t=="string"&&t.length>0){const e=t.match(/^(https?:\/\/[^\/]+)/);if(e)return`${e[1]}/symbolicate`;if(!t.startsWith("http")&&t.includes(":"))return`http://${t}/symbolicate`}}catch{}return"http://localhost:8081/symbolicate"},D=async t=>{if(typeof __DEV__>"u"||!__DEV__||!t)return null;try{let e=null;try{e=require("react-native/Libraries/Core/Devtools/symbolicateStackTrace")}catch{}const c=e?.default||e;if(typeof c=="function"){const i=await c(t);if(i&&Array.isArray(i.stack)&&i.stack.length>0)return i.stack}}catch{}try{const e=G(),c=E.SourceCode?.scriptURL||"http://localhost:8081/index.bundle?platform=ios&dev=true",i=t.split(`
+`),d=[];for(const f of i){const o=f.trim().replace(/^at /,"");if(!o)continue;let p="<anonymous>",u=o;const r=o.match(/^(.*?)\s*\((.*?)\)$/);if(r)p=r[1].trim()||"<anonymous>",u=r[2].trim();else if(o.includes("@")){const n=o.indexOf("@");p=o.substring(0,n).trim()||"<anonymous>",u=o.substring(n+1).trim()}u=u.replace(/^address at /,"");const s=u.match(/^(.*?):(\d+):(\d+)$/);if(s){let n=s[1];!n.startsWith("http")&&n!=="native"&&!n.includes("InternalBytecode")&&(n=c),d.push({file:n,lineNumber:parseInt(s[2],10),column:parseInt(s[3],10),methodName:p})}}if(d.length>0){const f=await fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({stack:d})});if(f.ok){const o=await f.json();if(o&&Array.isArray(o.stack)&&o.stack.length>0)return o.stack}}}catch{}return null},N=t=>{const e=t.toLowerCase();return e.includes("getstackdetails")||e.includes("addlog")||e.includes("consolelogger")||e.includes("setupconsolelogger")||e.includes("formatargs")||e.includes("react-native-inapp-inspector")||e.trim()==="error"},T=t=>{try{let e;if(t&&t.length>0){for(const r of t)if(r instanceof Error&&r.stack){e=r.stack;break}else if(r&&typeof r=="object"&&typeof r.stack=="string"){e=r.stack;break}}const c=new Error().stack,i=e||c;if(!i)return{caller:"Unknown",errorStack:e};const d=i.split(`
+`);let f,o;for(let r=0;r<d.length;r++){const s=d[r];if(!s||N(s))continue;const n=s.includes("react-native/Libraries")||s.includes("setUpConsole")||s.includes("ExceptionsManager")||s.includes("MessageQueue")||s.includes("metro-runtime")||s.includes("regenerator-runtime");if(!o&&!s.includes("setUpConsole")&&(o=s.trim().replace(/^at /,"")),!n){f=s.trim().replace(/^at /,"");break}}const p=d.filter(r=>!N(r)).join(`
+`);return{caller:f||o||"Unknown",stack:p||i,errorStack:e,stackToUse:i}}catch{return{caller:"Unknown"}}},m=()=>{const t=[...l];x.forEach(e=>e(t))},L=(t,e,c)=>{if(I&&!S){S=!0;try{const i=j(e);if([...g&&g.info||[],...g&&g.warn||[],...g&&g.error||[]].filter(n=>typeof n=="string"&&n.trim().length>0).some(n=>i.toLowerCase().trim().startsWith(n.toLowerCase().trim())||i.toLowerCase().trim().includes(n.toLowerCase().trim())))return;const{caller:f,stack:o,errorStack:p,stackToUse:u}=T(e),r={id:U++,type:t,message:i,timestamp:Date.now(),caller:f,stack:o,errorStack:p,rawArgs:e,sourceMethod:c};l.unshift(r),l=l.slice(0,y),m();const s=p||u||o;if(t==="error"&&s&&typeof __DEV__<"u"&&__DEV__){const n=r.id;D(s).then(_=>{if(_&&Array.isArray(_)&&_.length>0){const k=[];let C;for(const h of _){const a=(h.file||"").replace(/^webpack:\/\/\/?/,""),b=h.methodName||"<anonymous>",$=h.lineNumber!=null?`:${h.lineNumber}`:"",M=h.column!=null?`:${h.column}`:"";if(a.includes("customHooks/consoleLogger")||a.includes("setupConsoleLogger")||a.includes("getStackDetails")||a.includes("react-native-inapp-inspector/dist")||a.includes("react-native-inapp-inspector/src")||b==="getStackDetails"||b==="addLog"||b==="log"&&a.includes("consoleLogger"))continue;const v=`at ${b} (${a}${$}${M})`;k.push(v);const A=a&&!a.includes("node_modules")&&!a.includes("react-native/")&&(a.endsWith(".tsx")||a.endsWith(".jsx")||a.endsWith(".ts")||a.endsWith(".js"));if(!C&&A){const O=a.split("/").pop()||a;C=`${b} (${O}${$}${M})`}}const w=l.find(h=>h.id===n);w&&(C?w.caller=C:k.length>0&&(w.caller=k[0].replace(/^at /,"")),k.length>0&&(w.stack=k.join(`
+`)),m())}}).catch(()=>{})}}catch{}finally{S=!1}}};export const addLogFromCrash=(t,e,c,i)=>{const{caller:d,errorStack:f}=T([t]),o={id:U++,type:"error",message:e||(t?.message??"Runtime Crash"),timestamp:Date.now(),caller:d!=="Unknown"?d:i?"Fatal Crash":"Unhandled Exception",stack:c||t?.stack||f,errorStack:c||t?.stack,rawArgs:[t],sourceMethod:"error"};l.unshift(o),l=l.slice(0,y),m();const p=c||t?.stack||f;return p&&typeof __DEV__<"u"&&__DEV__&&D(p).then(u=>{if(u&&Array.isArray(u)&&u.length>0){const r=u.map(n=>`at ${n.methodName||"<anonymous>"} (${(n.file||"").replace(/^webpack:\/\/\/?/,"")}:${n.lineNumber??0}:${n.column??0})`),s=l.find(n=>n.id===o.id);s&&(s.stack=r.join(`
+`),m())}}).catch(()=>{}),o},subscribeConsoleLogs=t=>(x.push(t),t([...l]),()=>{x=x.filter(e=>e!==t)}),clearConsoleLogs=()=>{l=[],m()},getConsoleLogs=()=>[...l],setupConsoleLogger=()=>{if(globalThis.__CONSOLE_LOGGER_INITIALIZED__)return;const t={log:console.log,info:console.info,warn:console.warn,error:console.error,debug:console.debug,trace:console.trace};console.log=(...e)=>{try{L("info",e,"log")}catch{}t.log(...e)},console.info=(...e)=>{try{L("info",e,"info")}catch{}t.info(...e)},console.debug=(...e)=>{try{L("info",e,"info")}catch{}typeof t.debug=="function"?t.debug(...e):t.log(...e)},console.trace=(...e)=>{try{L("info",e,"info")}catch{}typeof t.trace=="function"?t.trace(...e):t.log(...e)},console.warn=(...e)=>{try{L("warn",e,"warn")}catch{}t.warn(...e)},console.error=(...e)=>{try{L("error",e,"error")}catch{}const c=e&&e[0];typeof c=="string"&&(c.includes("The above error occurred in")||c.includes("Render Error")||c.includes("ReferenceError")||c.includes("TypeError"))||t.error(...e)};try{R()}catch{}globalThis.__CONSOLE_LOGGER_INITIALIZED__=!0};if(typeof globalThis<"u")try{setupConsoleLogger()}catch{}