react-native-inapp-inspector 2.3.18 → 2.3.20

package/dist/esm/customHooks/reduxLogger.js

@@ -1,293 +1,2 @@
-import { parseStackLine } from '../helpers';
-let currentReduxState = null;
-const listeners = new Set();
-let globalReduxAutoRefresh = true;
-let isReduxModuleEnabled = false;
-export const setReduxModuleEnabled = (enabled) => {
-    isReduxModuleEnabled = enabled;
-};
-export const getReduxModuleEnabled = () => isReduxModuleEnabled;
-let lastActionForReducer = {};
-let actionHistory = [];
-let maxReduxHistoryLimit = 50;
-let historyIdSeq = 0;
-export const setMaxReduxHistoryLimit = (limit) => {
-    maxReduxHistoryLimit = Math.max(10, limit);
-    if (actionHistory.length > maxReduxHistoryLimit) {
-        actionHistory = actionHistory.slice(0, maxReduxHistoryLimit);
-        notify();
-    }
-};
-export const getMaxReduxHistoryLimit = () => maxReduxHistoryLimit;
-export const pruneReduxHistory = (targetCount) => {
-    const countToKeep = targetCount !== undefined ? Math.max(0, targetCount) : Math.floor(actionHistory.length / 2);
-    const pruned = actionHistory.length - countToKeep;
-    if (pruned > 0) {
-        actionHistory = actionHistory.slice(0, countToKeep);
-        notify();
-    }
-    return Math.max(0, pruned);
-};
-const connectedStores = new WeakSet();
-let middlewareAttached = false;
-export const isReduxConnected = () => middlewareAttached || currentReduxState != null || actionHistory.length > 0;
-export const getReduxState = () => currentReduxState;
-export const setReduxAutoRefresh = (val) => {
-    globalReduxAutoRefresh = val;
-};
-export const getReduxAutoRefresh = () => globalReduxAutoRefresh;
-export const getLastActionForReducer = () => lastActionForReducer;
-export const clearLastActionForReducer = () => {
-    lastActionForReducer = {};
-    notify();
-};
-export const getActionHistory = () => actionHistory;
-export const clearActionHistory = () => {
-    actionHistory = [];
-    notify();
-};
-export const setReduxState = (state) => {
-    currentReduxState = state;
-    notify();
-};
-export const subscribeReduxState = (cb) => {
-    listeners.add(cb);
-    return () => {
-        listeners.delete(cb);
-    };
-};
-function notify() {
-    listeners.forEach(cb => cb());
-}
-function actionTypeOf(action) {
-    if (typeof action === 'string')
-        return action;
-    if (action && typeof action === 'object' && action.type != null) {
-        return String(action.type);
-    }
-    if (typeof action === 'function') {
-        return action.name ? `thunk: ${action.name}` : 'thunk';
-    }
-    return 'UNKNOWN_ACTION';
-}
-function detectActionOrigin(stack, actionType, actionObj) {
-    const stackLower = (stack || '').toLowerCase();
-    const typeLower = (actionType || '').toLowerCase();
-    if (actionObj && actionObj.__origin) {
-        const raw = String(actionObj.__origin).toLowerCase();
-        if (raw.includes('saga'))
-            return { originType: 'saga' };
-        if (raw.includes('thunk'))
-            return { originType: 'thunk' };
-        if (raw.includes('ui'))
-            return { originType: 'ui' };
-    }
-    const isSaga = stackLower.includes('redux-saga') ||
-        stackLower.includes('runputeffect') ||
-        stackLower.includes('proc.js') ||
-        stackLower.includes('effects.js') ||
-        stackLower.includes('sagamiddleware') ||
-        stackLower.includes('saga.ts') ||
-        stackLower.includes('saga.js') ||
-        stackLower.includes('sagas') ||
-        typeLower.includes('saga') ||
-        typeLower.startsWith('saga/') ||
-        typeLower.startsWith('@saga/');
-    const isThunk = stackLower.includes('createasyncthunk') ||
-        stackLower.includes('redux-thunk') ||
-        stackLower.includes('rtk-query') ||
-        stackLower.includes('thunkmiddleware') ||
-        stackLower.includes('actioncreator') ||
-        typeLower.includes('thunk') ||
-        typeLower.endsWith('/pending') ||
-        typeLower.endsWith('/fulfilled') ||
-        typeLower.endsWith('/rejected');
-    const lines = (stack || '').split('\n').map(l => l.trim()).filter(Boolean);
-    let bestFrame = null;
-    for (let i = 0; i < lines.length; i++) {
-        const line = lines[i];
-        if (line.includes('reduxLogger') ||
-            line.includes('inspectorReduxMiddleware') ||
-            line.includes('recordAction') ||
-            line.includes('redux.js') ||
-            line.includes('redux.cjs')) {
-            continue;
-        }
-        const parsed = parseStackLine(line, false);
-        if (parsed.frameType === 'app' || (!parsed.isRuntimeNoise && parsed.fileName !== 'Unknown')) {
-            bestFrame = parsed;
-            break;
-        }
-    }
-    if (!bestFrame && lines.length > 0) {
-        for (let i = 0; i < lines.length; i++) {
-            if (!lines[i].includes('reduxLogger') && !lines[i].includes('inspectorReduxMiddleware')) {
-                bestFrame = parseStackLine(lines[i], false);
-                break;
-            }
-        }
-    }
-    let originType = 'direct';
-    if (isSaga || (bestFrame && bestFrame.fileName?.toLowerCase().includes('saga'))) {
-        originType = 'saga';
-    }
-    else if (isThunk || (bestFrame && bestFrame.fileName?.toLowerCase().includes('thunk'))) {
-        originType = 'thunk';
-    }
-    else if (bestFrame &&
-        (bestFrame.fileName?.endsWith('.tsx') ||
-            bestFrame.functionName?.includes('onPress') ||
-            bestFrame.functionName?.includes('touchable') ||
-            bestFrame.functionName?.includes('Effect'))) {
-        originType = 'ui';
-    }
-    else if (stackLower.includes('listener') || stackLower.includes('subscribe')) {
-        originType = 'listener';
-    }
-    return {
-        originType,
-        caller: bestFrame?.copyableLocation || bestFrame?.raw || undefined,
-        callerFile: bestFrame?.fullPath || bestFrame?.fileName || undefined,
-        callerLine: bestFrame?.lineNumber ? Number(bestFrame.lineNumber) : undefined,
-        callerCol: bestFrame?.columnNumber ? Number(bestFrame.columnNumber) : undefined,
-    };
-}
-function extractSliceName(actionType, affectedSlices) {
-    if (affectedSlices && affectedSlices.length > 0) {
-        return affectedSlices[0];
-    }
-    const match = actionType.match(/^([a-zA-Z0-9_\-]+)\//);
-    if (match && match[1] && !match[1].startsWith('@@')) {
-        return match[1];
-    }
-    return undefined;
-}
-function recordAction(action, prevState, nextState, rawStack) {
-    if (!isReduxModuleEnabled)
-        return;
-    const stack = rawStack || new Error().stack || '';
-    const type = actionTypeOf(action);
-    const payload = action && typeof action === 'object' && action.payload !== undefined
-        ? action.payload
-        : null;
-    const now = Date.now();
-    const timestamp = new Date(now).toLocaleTimeString();
-    const affectedSlices = [];
-    const origin = detectActionOrigin(stack, type, action);
-    const sliceName = extractSliceName(type, affectedSlices);
-    if (prevState &&
-        nextState &&
-        typeof prevState === 'object' &&
-        typeof nextState === 'object') {
-        Object.keys(nextState).forEach(key => {
-            if (prevState[key] !== nextState[key]) {
-                lastActionForReducer[key] = {
-                    type,
-                    payload,
-                    timestamp,
-                    updatedAt: now,
-                    originType: origin.originType,
-                    callerFile: origin.callerFile,
-                    callerLine: origin.callerLine,
-                    callerCol: origin.callerCol,
-                    caller: origin.caller,
-                    stack,
-                };
-                affectedSlices.push(key);
-            }
-        });
-    }
-    actionHistory.unshift({
-        id: ++historyIdSeq,
-        type,
-        payload,
-        timestamp,
-        updatedAt: now,
-        affectedSlices,
-        prevState,
-        nextState,
-        stack,
-        caller: origin.caller,
-        callerFile: origin.callerFile,
-        callerLine: origin.callerLine,
-        callerCol: origin.callerCol,
-        originType: origin.originType,
-        sliceName,
-    });
-    if (actionHistory.length > maxReduxHistoryLimit) {
-        actionHistory.length = maxReduxHistoryLimit;
-    }
-    if (globalReduxAutoRefresh) {
-        currentReduxState = nextState;
-    }
-    notify();
-}
-export const inspectorReduxMiddleware = (storeApi) => (next) => (action) => {
-    middlewareAttached = true;
-    const capturedStack = new Error().stack || '';
-    if (typeof action === 'function') {
-        return next(action);
-    }
-    const prevState = storeApi.getState();
-    const result = next(action);
-    const nextState = storeApi.getState();
-    if (currentReduxState == null)
-        currentReduxState = nextState;
-    recordAction(action, prevState, nextState, capturedStack);
-    return result;
-};
-export const connectReduxStore = (store) => {
-    if (!store ||
-        typeof store.getState !== 'function' ||
-        typeof store.subscribe !== 'function') {
-        console.warn('[NetworkInspector] Invalid Redux store passed to connectReduxStore.');
-        return;
-    }
-    if (connectedStores.has(store)) {
-        return;
-    }
-    connectedStores.add(store);
-    const originalDispatch = store.dispatch.bind(store);
-    let inWrappedDispatch = false;
-    store.dispatch = (action) => {
-        const capturedStack = new Error().stack || '';
-        if (middlewareAttached || typeof action === 'function') {
-            inWrappedDispatch = true;
-            try {
-                return originalDispatch(action);
-            }
-            finally {
-                inWrappedDispatch = false;
-            }
-        }
-        const prevState = store.getState();
-        inWrappedDispatch = true;
-        let result;
-        try {
-            result = originalDispatch(action);
-        }
-        finally {
-            inWrappedDispatch = false;
-        }
-        recordAction(action, prevState, store.getState(), capturedStack);
-        return result;
-    };
-    setReduxState(store.getState());
-    let lastSeenState = store.getState();
-    store.subscribe(() => {
-        const nextState = store.getState();
-        if (nextState === lastSeenState)
-            return;
-        const prevState = lastSeenState;
-        lastSeenState = nextState;
-        if (inWrappedDispatch || middlewareAttached) {
-            if (globalReduxAutoRefresh) {
-                currentReduxState = nextState;
-                notify();
-            }
-            return;
-        }
-        const subStack = new Error().stack || '';
-        recordAction({ type: '@@inspector/EXTERNAL_STATE_CHANGE' }, prevState, nextState, subStack);
-    });
-};
+import{parseStackLine as k}from"../helpers";let g=null;const R=new Set;let m=!0,b=!1;export const setReduxModuleEnabled=e=>{b=e},getReduxModuleEnabled=()=>b;let w={},o=[],x=50,L=0;export const setMaxReduxHistoryLimit=e=>{x=Math.max(10,e),o.length>x&&(o=o.slice(0,x),h())},getMaxReduxHistoryLimit=()=>x,pruneReduxHistory=e=>{const s=e!==void 0?Math.max(0,e):Math.floor(o.length/2),t=o.length-s;return t>0&&(o=o.slice(0,s),h()),Math.max(0,t)};const N=new WeakSet;let y=!1;export const isReduxConnected=()=>y||g!=null||o.length>0,getReduxState=()=>g,setReduxAutoRefresh=e=>{m=e},getReduxAutoRefresh=()=>m,getLastActionForReducer=()=>w,clearLastActionForReducer=()=>{w={},h()},getActionHistory=()=>o,clearActionHistory=()=>{o=[],h()},setReduxState=e=>{g=e,h()},subscribeReduxState=e=>(R.add(e),()=>{R.delete(e)});function h(){R.forEach(e=>e())}function A(e){return typeof e=="string"?e:e&&typeof e=="object"&&e.type!=null?String(e.type):typeof e=="function"?e.name?`thunk: ${e.name}`:"thunk":"UNKNOWN_ACTION"}function T(e,s,t){const r=(e||"").toLowerCase(),i=(s||"").toLowerCase();if(t&&t.__origin){const n=String(t.__origin).toLowerCase();if(n.includes("saga"))return{originType:"saga"};if(n.includes("thunk"))return{originType:"thunk"};if(n.includes("ui"))return{originType:"ui"}}const u=r.includes("redux-saga")||r.includes("runputeffect")||r.includes("proc.js")||r.includes("effects.js")||r.includes("sagamiddleware")||r.includes("saga.ts")||r.includes("saga.js")||r.includes("sagas")||i.includes("saga")||i.startsWith("saga/")||i.startsWith("@saga/"),a=r.includes("createasyncthunk")||r.includes("redux-thunk")||r.includes("rtk-query")||r.includes("thunkmiddleware")||r.includes("actioncreator")||i.includes("thunk")||i.endsWith("/pending")||i.endsWith("/fulfilled")||i.endsWith("/rejected"),c=(e||"").split(`
+`).map(n=>n.trim()).filter(Boolean);let l=null;for(let n=0;n<c.length;n++){const p=c[n];if(p.includes("reduxLogger")||p.includes("inspectorReduxMiddleware")||p.includes("recordAction")||p.includes("redux.js")||p.includes("redux.cjs"))continue;const f=k(p,!1);if(f.frameType==="app"||!f.isRuntimeNoise&&f.fileName!=="Unknown"){l=f;break}}if(!l&&c.length>0){for(let n=0;n<c.length;n++)if(!c[n].includes("reduxLogger")&&!c[n].includes("inspectorReduxMiddleware")){l=k(c[n],!1);break}}let d="direct";return u||l&&l.fileName?.toLowerCase().includes("saga")?d="saga":a||l&&l.fileName?.toLowerCase().includes("thunk")?d="thunk":l&&(l.fileName?.endsWith(".tsx")||l.functionName?.includes("onPress")||l.functionName?.includes("touchable")||l.functionName?.includes("Effect"))?d="ui":(r.includes("listener")||r.includes("subscribe"))&&(d="listener"),{originType:d,caller:l?.copyableLocation||l?.raw||void 0,callerFile:l?.fullPath||l?.fileName||void 0,callerLine:l?.lineNumber?Number(l.lineNumber):void 0,callerCol:l?.columnNumber?Number(l.columnNumber):void 0}}function E(e,s){if(s&&s.length>0)return s[0];const t=e.match(/^([a-zA-Z0-9_\-]+)\//);if(t&&t[1]&&!t[1].startsWith("@@"))return t[1]}function S(e,s,t,r){if(!b)return;const i=r||new Error().stack||"",u=A(e),a=e&&typeof e=="object"&&e.payload!==void 0?e.payload:null,c=Date.now(),l=new Date(c).toLocaleTimeString(),d=[],n=T(i,u,e),p=E(u,d);s&&t&&typeof s=="object"&&typeof t=="object"&&Object.keys(t).forEach(f=>{s[f]!==t[f]&&(w[f]={type:u,payload:a,timestamp:l,updatedAt:c,originType:n.originType,callerFile:n.callerFile,callerLine:n.callerLine,callerCol:n.callerCol,caller:n.caller,stack:i},d.push(f))}),o.unshift({id:++L,type:u,payload:a,timestamp:l,updatedAt:c,affectedSlices:d,prevState:s,nextState:t,stack:i,caller:n.caller,callerFile:n.callerFile,callerLine:n.callerLine,callerCol:n.callerCol,originType:n.originType,sliceName:p}),o.length>x&&(o.length=x),m&&(g=t),h()}export const inspectorReduxMiddleware=e=>s=>t=>{y=!0;const r=new Error().stack||"";if(typeof t=="function")return s(t);const i=e.getState(),u=s(t),a=e.getState();return g==null&&(g=a),S(t,i,a,r),u},connectReduxStore=e=>{if(!e||typeof e.getState!="function"||typeof e.subscribe!="function"){console.warn("[NetworkInspector] Invalid Redux store passed to connectReduxStore.");return}if(N.has(e))return;N.add(e);const s=e.dispatch.bind(e);let t=!1;e.dispatch=i=>{const u=new Error().stack||"";if(y||typeof i=="function"){t=!0;try{return s(i)}finally{t=!1}}const a=e.getState();t=!0;let c;try{c=s(i)}finally{t=!1}return S(i,a,e.getState(),u),c},setReduxState(e.getState());let r=e.getState();e.subscribe(()=>{const i=e.getState();if(i===r)return;const u=r;if(r=i,t||y){m&&(g=i,h());return}const a=new Error().stack||"";S({type:"@@inspector/EXTERNAL_STATE_CHANGE"},u,i,a)})};