react-native-inapp-inspector 1.0.9 → 1.0.10

package/dist/commonjs/components/ReduxTreeView.js

@@ -0,0 +1,403 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReduxTreeView = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const AppColors_1 = require("../styles/AppColors");
+const AppFonts_1 = require("../styles/AppFonts");
+const NetworkIcons_1 = require("./NetworkIcons");
+const react_native_svg_1 = __importStar(require("react-native-svg"));
+// Custom icons
+const DatabaseIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 12 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M12 2C6.5 2 2 4.2 2 7v10c0 2.8 4.5 5 10 5s10-2.2 10-5V7c0-2.8-4.5-5-10-5z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M2 12c0 2.8 4.5 5 10 5s10-2.2 10-5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+    <react_native_svg_1.Path d="M2 7c0 2.8 4.5 5 10 5s10-2.2 10-5" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+const BoltIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 12 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" fill={color} stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+const FolderIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 12 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
+    <react_native_svg_1.Path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </react_native_svg_1.default>);
+const ReduxValueNode = ({ name, value, level, search }) => {
+    const [expanded, setExpanded] = (0, react_1.useState)(level < 1);
+    const isObject = typeof value === 'object' && value !== null;
+    const isArray = Array.isArray(value);
+    const nameStr = String(name);
+    // Filter check if search query matches key or value
+    const matchesSearch = (k, val) => {
+        if (!search)
+            return true;
+        const s = search.toLowerCase();
+        if (k.toLowerCase().includes(s))
+            return true;
+        if (typeof val !== 'object' && String(val).toLowerCase().includes(s))
+            return true;
+        if (typeof val === 'object' && val !== null) {
+            return Object.keys(val).some(key => matchesSearch(key, val[key]));
+        }
+        return false;
+    };
+    if (!matchesSearch(nameStr, value)) {
+        return null;
+    }
+    if (!isObject) {
+        const valStr = value === null ? 'null' : value === undefined ? 'undefined' : String(value);
+        // Pick different colors for primitives
+        let valColor = '#0D9488'; // String
+        if (value === null || value === undefined) {
+            valColor = AppColors_1.AppColors.grayTextWeak;
+        }
+        else if (typeof value === 'number') {
+            valColor = '#D97706';
+        }
+        else if (typeof value === 'boolean') {
+            valColor = '#4F46E5';
+        }
+        return (<react_native_1.View style={[reduxValueStyles.treeRow, { paddingLeft: 12 }]}>
+        <react_native_1.View style={reduxValueStyles.treeLeafConnector}/>
+        <react_native_1.Text style={reduxValueStyles.keyText} selectable={true}>
+          {nameStr}
+          <react_native_1.Text style={reduxValueStyles.colonText}>: </react_native_1.Text>
+          <react_native_1.Text style={[reduxValueStyles.valText, { color: valColor }]} selectable={true}>
+            {valStr}
+          </react_native_1.Text>
+        </react_native_1.Text>
+      </react_native_1.View>);
+    }
+    const keys = Object.keys(value);
+    const summaryText = isArray ? `Array [${keys.length}]` : `Object {${keys.length}}`;
+    return (<react_native_1.View style={reduxValueStyles.treeNodeBlock}>
+      <react_native_1.Pressable onPress={() => setExpanded(!expanded)} style={reduxValueStyles.treeRow}>
+        <react_native_1.View style={reduxValueStyles.treeLeafConnector}/>
+        <react_native_1.View style={[reduxValueStyles.chevronWrap, { transform: [{ rotate: expanded ? '90deg' : '0deg' }] }]}>
+          <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.grayTextWeak} size={10}/>
+        </react_native_1.View>
+        <react_native_1.Text style={reduxValueStyles.keyText} selectable={true}>
+          {nameStr}
+          <react_native_1.Text style={reduxValueStyles.colonText}>: </react_native_1.Text>
+          <react_native_1.Text style={reduxValueStyles.summaryText}>{summaryText}</react_native_1.Text>
+        </react_native_1.Text>
+      </react_native_1.Pressable>
+      {expanded && (<react_native_1.View style={reduxValueStyles.treeChildrenContainer}>
+          {keys.map(key => (<ReduxValueNode key={key} name={key} value={value[key]} level={level + 1} search={search}/>))}
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+const ReduxTreeView = ({ state, lastActionMap, search, }) => {
+    const [storeExpanded, setStoreExpanded] = (0, react_1.useState)(true);
+    const [reducerExpanded, setReducerExpanded] = (0, react_1.useState)({});
+    if (!state || typeof state !== 'object') {
+        return (<react_native_1.Text style={{ fontFamily: AppFonts_1.AppFonts.interRegular, fontSize: 12, color: AppColors_1.AppColors.grayTextWeak, padding: 12 }}>
+        No state object to display.
+      </react_native_1.Text>);
+    }
+    const reducers = Object.keys(state);
+    const toggleReducer = (key) => {
+        setReducerExpanded(prev => ({
+            ...prev,
+            [key]: !prev[key],
+        }));
+    };
+    return (<react_native_1.View style={styles.container}>
+      {/* Root Node: Store */}
+      <react_native_1.Pressable onPress={() => setStoreExpanded(!storeExpanded)} style={styles.storeHeader}>
+        <react_native_1.View style={[styles.chevronWrap, { transform: [{ rotate: storeExpanded ? '90deg' : '0deg' }] }]}>
+          <NetworkIcons_1.ChevronIcon color="#FFFFFF" size={12}/>
+        </react_native_1.View>
+        <react_native_1.Text style={styles.storeTitle}>🏪 Redux Store</react_native_1.Text>
+        <react_native_1.View style={styles.badge}>
+          <react_native_1.Text style={styles.badgeText}>{reducers.length} Reducers</react_native_1.Text>
+        </react_native_1.View>
+      </react_native_1.Pressable>
+
+      {storeExpanded && (<react_native_1.View style={styles.storeChildren}>
+          {reducers.map((reducerKey, index) => {
+                const isLastReducer = index === reducers.length - 1;
+                const isExpanded = !!reducerExpanded[reducerKey];
+                const sliceData = state[reducerKey];
+                const lastAction = lastActionMap[reducerKey];
+                return (<react_native_1.View key={reducerKey} style={styles.reducerContainer}>
+                {/* Visual Branch Line for Reducer */}
+                <react_native_1.View style={[styles.reducerVerticalLine, isLastReducer && { bottom: '50%' }]}/>
+
+                {/* Reducer Header */}
+                <react_native_1.Pressable onPress={() => toggleReducer(reducerKey)} style={styles.reducerHeader}>
+                  <react_native_1.View style={styles.reducerHorizontalLine}/>
+                  <react_native_1.View style={[styles.chevronWrap, { transform: [{ rotate: isExpanded ? '90deg' : '0deg' }] }]}>
+                    <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.purple} size={10}/>
+                  </react_native_1.View>
+                  <react_native_1.View style={styles.iconWrap}>
+                    <FolderIcon color={AppColors_1.AppColors.purple} size={11}/>
+                  </react_native_1.View>
+                  <react_native_1.Text style={styles.reducerText}>{reducerKey}</react_native_1.Text>
+                </react_native_1.Pressable>
+
+                {isExpanded && (<react_native_1.View style={styles.reducerChildren}>
+                    {/* Vertical line connecting children */}
+                    <react_native_1.View style={styles.childrenVerticalLine}/>
+
+                    {/* Node 1: Last Action */}
+                    <react_native_1.View style={styles.childItem}>
+                      <react_native_1.View style={styles.childHorizontalLine}/>
+                      <react_native_1.View style={[styles.iconWrap, { backgroundColor: '#FDF2F8' }]}>
+                        <BoltIcon color="#DB2777" size={11}/>
+                      </react_native_1.View>
+                      <react_native_1.View style={{ flex: 1 }}>
+                        <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', flexWrap: 'wrap', gap: 6 }}>
+                          <react_native_1.Text style={styles.childLabel}>Last Action:</react_native_1.Text>
+                          {lastAction ? (<react_native_1.View style={styles.actionTypeBadge}>
+                              <react_native_1.Text style={styles.actionTypeText}>{lastAction.type}</react_native_1.Text>
+                            </react_native_1.View>) : (<react_native_1.Text style={styles.noActionText}>None dispatched</react_native_1.Text>)}
+                        </react_native_1.View>
+                        {lastAction && (<react_native_1.Text style={styles.timestampText}>Dispatched: {lastAction.timestamp}</react_native_1.Text>)}
+                        {lastAction && lastAction.payload !== null && (<react_native_1.View style={{ marginTop: 6 }}>
+                            <ReduxValueNode name="payload" value={lastAction.payload} level={0} search={search}/>
+                          </react_native_1.View>)}
+                      </react_native_1.View>
+                    </react_native_1.View>
+
+                    {/* Node 2: State Data */}
+                    <react_native_1.View style={styles.childItem}>
+                      <react_native_1.View style={[styles.childHorizontalLine, { bottom: '50%' }]}/>
+                      <react_native_1.View style={[styles.iconWrap, { backgroundColor: '#ECFDF5' }]}>
+                        <DatabaseIcon color="#059669" size={11}/>
+                      </react_native_1.View>
+                      <react_native_1.View style={{ flex: 1 }}>
+                        <react_native_1.Text style={styles.childLabel}>State Slice Data</react_native_1.Text>
+                        <react_native_1.View style={{ marginTop: 6 }}>
+                          <ReduxValueNode name="state" value={sliceData} level={0} search={search}/>
+                        </react_native_1.View>
+                      </react_native_1.View>
+                    </react_native_1.View>
+                  </react_native_1.View>)}
+              </react_native_1.View>);
+            })}
+        </react_native_1.View>)}
+    </react_native_1.View>);
+};
+exports.ReduxTreeView = ReduxTreeView;
+const reduxValueStyles = react_native_1.StyleSheet.create({
+    treeNodeBlock: {
+        marginTop: 4,
+    },
+    treeRow: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 3,
+        gap: 4,
+        position: 'relative',
+    },
+    treeLeafConnector: {
+        position: 'absolute',
+        left: -12,
+        top: '50%',
+        width: 8,
+        height: 1,
+        borderBottomWidth: 1,
+        borderBottomColor: AppColors_1.AppColors.dividerColor,
+        opacity: 0.5,
+    },
+    treeChildrenContainer: {
+        paddingLeft: 14,
+        borderLeftWidth: 1,
+        borderLeftColor: AppColors_1.AppColors.dividerColor,
+        marginLeft: 6,
+    },
+    chevronWrap: {
+        width: 10,
+        height: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    keyText: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
+        fontSize: 11.5,
+        color: AppColors_1.AppColors.grayTextStrong,
+    },
+    colonText: {
+        color: AppColors_1.AppColors.grayTextWeak,
+    },
+    valText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 11.5,
+    },
+    summaryText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 11,
+        color: AppColors_1.AppColors.grayTextWeak,
+    },
+});
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    storeHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        backgroundColor: AppColors_1.AppColors.purple,
+        borderRadius: 8,
+        paddingVertical: 10,
+        paddingHorizontal: 12,
+        gap: 8,
+    },
+    chevronWrap: {
+        width: 12,
+        height: 12,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    storeTitle: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 14,
+        color: '#FFFFFF',
+    },
+    badge: {
+        backgroundColor: 'rgba(255,255,255,0.2)',
+        paddingHorizontal: 8,
+        paddingVertical: 2,
+        borderRadius: 12,
+        marginLeft: 'auto',
+    },
+    badgeText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 10,
+        color: '#FFFFFF',
+    },
+    storeChildren: {
+        paddingLeft: 12,
+        marginTop: 4,
+    },
+    reducerContainer: {
+        position: 'relative',
+        paddingLeft: 16,
+        paddingVertical: 4,
+    },
+    reducerVerticalLine: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        bottom: 0,
+        width: 1,
+        backgroundColor: AppColors_1.AppColors.dividerColor,
+    },
+    reducerHorizontalLine: {
+        position: 'absolute',
+        left: -16,
+        top: '50%',
+        width: 16,
+        height: 1,
+        backgroundColor: AppColors_1.AppColors.dividerColor,
+    },
+    reducerHeader: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingVertical: 6,
+        gap: 6,
+    },
+    iconWrap: {
+        width: 18,
+        height: 18,
+        borderRadius: 4,
+        backgroundColor: AppColors_1.AppColors.purpleShade50,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    reducerText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 13,
+        color: AppColors_1.AppColors.primaryBlack,
+    },
+    reducerChildren: {
+        paddingLeft: 20,
+        position: 'relative',
+        marginTop: 4,
+        gap: 10,
+    },
+    childrenVerticalLine: {
+        position: 'absolute',
+        left: 8,
+        top: 0,
+        bottom: 16,
+        width: 1,
+        backgroundColor: AppColors_1.AppColors.dividerColor,
+    },
+    childItem: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+        gap: 8,
+        position: 'relative',
+        paddingLeft: 12,
+    },
+    childHorizontalLine: {
+        position: 'absolute',
+        left: -12,
+        top: 10,
+        width: 12,
+        height: 1,
+        backgroundColor: AppColors_1.AppColors.dividerColor,
+    },
+    childLabel: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 11.5,
+        color: AppColors_1.AppColors.grayText,
+        marginTop: 2,
+    },
+    actionTypeBadge: {
+        backgroundColor: '#FCE7F3',
+        borderColor: '#FBCFE8',
+        borderWidth: 1,
+        borderRadius: 6,
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+    },
+    actionTypeText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 10.5,
+        color: '#BE185D',
+    },
+    noActionText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 11,
+        color: AppColors_1.AppColors.grayTextWeak,
+    },
+    timestampText: {
+        fontFamily: AppFonts_1.AppFonts.interRegular,
+        fontSize: 9.5,
+        color: AppColors_1.AppColors.grayTextWeak,
+        marginTop: 2,
+    },
+});

package/dist/commonjs/components/TouchableScale.js

@@ -37,8 +37,22 @@ const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const TouchableScale = ({ onPress, style, children, hitSlop, disabled, }) => {
     const scale = (0, react_1.useRef)(new react_native_1.Animated.Value(1)).current;
+    const flattenedStyle = react_native_1.StyleSheet.flatten(style) || {};
+    const layoutStyle = {
+        flex: flattenedStyle.flex,
+        flexDirection: flattenedStyle.flexDirection,
+        alignItems: flattenedStyle.alignItems,
+        justifyContent: flattenedStyle.justifyContent,
+        flexWrap: flattenedStyle.flexWrap,
+        alignSelf: flattenedStyle.alignSelf,
+        flexGrow: flattenedStyle.flexGrow,
+        flexShrink: flattenedStyle.flexShrink,
+        gap: flattenedStyle.gap,
+    };
     return (<react_native_1.Pressable disabled={disabled} style={style} onPressIn={() => react_native_1.Animated.spring(scale, { toValue: 0.94, useNativeDriver: true }).start()} onPressOut={() => react_native_1.Animated.spring(scale, { toValue: 1, useNativeDriver: true }).start()} onPress={onPress} hitSlop={hitSlop}>
-      <react_native_1.Animated.View style={{ transform: [{ scale }] }}>{children}</react_native_1.Animated.View>
+      <react_native_1.Animated.View style={[{ transform: [{ scale }] }, layoutStyle]}>
+        {children}
+      </react_native_1.Animated.View>
     </react_native_1.Pressable>);
 };
 exports.default = TouchableScale;

package/dist/commonjs/components/TreeNode.js

@@ -45,8 +45,8 @@ const NetworkIcons_1 = require("./NetworkIcons");
 // Stylesheet
 const AppColors_1 = require("../styles/AppColors");
 const styles_1 = __importDefault(require("../styles"));
-const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, }) {
-    const [localOpen, setLocalOpen] = (0, react_1.useState)(level < 1);
+const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0, search, forceOpen, defaultExpandDepth, }) {
+    const [localOpen, setLocalOpen] = (0, react_1.useState)(level < (defaultExpandDepth ?? 1));
     const open = forceOpen !== undefined ? forceOpen : localOpen;
     const isObject = typeof data === 'object' && data !== null;
     const isArray = Array.isArray(data);
@@ -132,7 +132,7 @@ const TreeNode = react_1.default.memo(function TreeNode({ data, name, level = 0,
       </react_native_1.Pressable>
 
       {open &&
-            entries.map(([k, v]) => (<TreeNode key={String(k)} name={k} data={v} level={level + 1} search={search} forceOpen={forceOpen}/>))}
+            entries.map(([k, v]) => (<TreeNode key={String(k)} name={k} data={v} level={level + 1} search={search} forceOpen={forceOpen} defaultExpandDepth={defaultExpandDepth}/>))}
 
       {open && <react_native_1.Text style={styles_1.default.codeSyntax}>{isArray ? ']' : '}'}</react_native_1.Text>}
     </react_native_1.View>);

package/dist/commonjs/customHooks/reduxLogger.d.ts

@@ -1,4 +1,8 @@
 export declare const getReduxState: () => any;
+export declare const setReduxAutoRefresh: (val: boolean) => void;
+export declare const getReduxAutoRefresh: () => boolean;
+export declare const getLastActionForReducer: () => Record<string, any>;
+export declare const clearLastActionForReducer: () => void;
 export declare const setReduxState: (state: any) => void;
 export declare const subscribeReduxState: (cb: () => void) => () => void;
 export declare const connectReduxStore: (store: any) => void;

package/dist/commonjs/customHooks/reduxLogger.js

@@ -1,10 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.connectReduxStore = exports.subscribeReduxState = exports.setReduxState = exports.getReduxState = void 0;
+exports.connectReduxStore = exports.subscribeReduxState = exports.setReduxState = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.getReduxState = void 0;
 let currentReduxState = null;
 const listeners = new Set();
+let globalReduxAutoRefresh = true;
+let lastActionForReducer = {};
 const getReduxState = () => currentReduxState;
 exports.getReduxState = getReduxState;
+const setReduxAutoRefresh = (val) => {
+    globalReduxAutoRefresh = val;
+};
+exports.setReduxAutoRefresh = setReduxAutoRefresh;
+const getReduxAutoRefresh = () => globalReduxAutoRefresh;
+exports.getReduxAutoRefresh = getReduxAutoRefresh;
+const getLastActionForReducer = () => lastActionForReducer;
+exports.getLastActionForReducer = getLastActionForReducer;
+const clearLastActionForReducer = () => {
+    lastActionForReducer = {};
+    listeners.forEach(cb => cb());
+};
+exports.clearLastActionForReducer = clearLastActionForReducer;
 const setReduxState = (state) => {
     currentReduxState = state;
     listeners.forEach(cb => cb());
@@ -22,9 +37,40 @@ 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
+        if (prevState &&
+            nextState &&
+            typeof prevState === 'object' &&
+            typeof nextState === 'object' &&
+            action &&
+            typeof action === 'object') {
+            Object.keys(nextState).forEach(key => {
+                if (prevState[key] !== nextState[key]) {
+                    lastActionForReducer[key] = {
+                        type: action.type || 'UNKNOWN_ACTION',
+                        payload: action.payload !== undefined ? action.payload : null,
+                        timestamp: new Date().toLocaleTimeString(),
+                    };
+                }
+            });
+        }
+        if (globalReduxAutoRefresh) {
+            (0, exports.setReduxState)(nextState);
+        }
+        return result;
+    };
     (0, exports.setReduxState)(store.getState());
+    // Listen to subscription for devtools updates or any other state changes
     store.subscribe(() => {
-        (0, exports.setReduxState)(store.getState());
+        if (globalReduxAutoRefresh) {
+            (0, exports.setReduxState)(store.getState());
+        }
     });
 };
 exports.connectReduxStore = connectReduxStore;