react-native-inapp-inspector 1.0.9 → 1.0.11

package/dist/esm/customHooks/reduxLogger.js

@@ -1,6 +1,23 @@
 let currentReduxState = null;
 const listeners = new Set();
+let globalReduxAutoRefresh = true;
+let lastActionForReducer = {};
+let actionHistory = [];
 export const getReduxState = () => currentReduxState;
+export const setReduxAutoRefresh = (val) => {
+    globalReduxAutoRefresh = val;
+};
+export const getReduxAutoRefresh = () => globalReduxAutoRefresh;
+export const getLastActionForReducer = () => lastActionForReducer;
+export const clearLastActionForReducer = () => {
+    lastActionForReducer = {};
+    listeners.forEach(cb => cb());
+};
+export const getActionHistory = () => actionHistory;
+export const clearActionHistory = () => {
+    actionHistory = [];
+    listeners.forEach(cb => cb());
+};
 export const setReduxState = (state) => {
     currentReduxState = state;
     listeners.forEach(cb => cb());
@@ -16,8 +33,54 @@ export const connectReduxStore = (store) => {
         console.warn('[NetworkInspector] Invalid Redux store passed to connectReduxStore.');
         return;
     }
+    // Intercept dispatch calls to log actions and tie them to modified state slices
+    const originalDispatch = store.dispatch.bind(store);
+    store.dispatch = (action) => {
+        const prevState = store.getState();
+        const result = originalDispatch(action);
+        const nextState = store.getState();
+        // Map the dispatched action to state slices that actually changed
+        const affectedSlices = [];
+        if (prevState &&
+            nextState &&
+            typeof prevState === 'object' &&
+            typeof nextState === 'object' &&
+            action &&
+            typeof action === 'object') {
+            Object.keys(nextState).forEach(key => {
+                if (prevState[key] !== nextState[key]) {
+                    const actionObj = {
+                        type: action.type || 'UNKNOWN_ACTION',
+                        payload: action.payload !== undefined ? action.payload : null,
+                        timestamp: new Date().toLocaleTimeString(),
+                    };
+                    lastActionForReducer[key] = actionObj;
+                    affectedSlices.push(key);
+                }
+            });
+            // Push to history
+            actionHistory.unshift({
+                id: Date.now() + Math.random(),
+                type: action.type || 'UNKNOWN_ACTION',
+                payload: action.payload !== undefined ? action.payload : null,
+                timestamp: new Date().toLocaleTimeString(),
+                affectedSlices,
+            });
+            // Cap size at 50
+            if (actionHistory.length > 50) {
+                actionHistory.pop();
+            }
+        }
+        if (globalReduxAutoRefresh) {
+            setReduxState(nextState);
+        }
+        return result;
+    };
     setReduxState(store.getState());
+    // Listen to subscription for devtools updates or any other state changes
     store.subscribe(() => {
-        setReduxState(store.getState());
+        if (globalReduxAutoRefresh) {
+            setReduxState(store.getState());
+        }
     });
 };