Bring dynamic maxAge back

Related #588

src/browser/extension/inject/pageScript.js

@@ -5,7 +5,7 @@ import configureStore, { getUrlParam } from '../../../app/stores/enhancerStore';
 import { isAllowed } from '../options/syncOptions';
 import Monitor from '../../../app/service/Monitor';
 import {
-  getLocalFilter, isFiltered, filterState, startingFrom
+  noFiltersApplied, getLocalFilter, isFiltered, filterState, startingFrom
 } from '../../../app/api/filters';
 import notifyErrors from '../../../app/api/notifyErrors';
 import importState from '../../../app/api/importState';
@@ -36,6 +36,7 @@ const __REDUX_DEVTOOLS_EXTENSION__ = function(reducer, preloadedState, config) {
 
   let store;
   let errorOccurred = false;
+  let maxAge;
   let actionCreators;
   let sendingActionId = 1;
   const instanceId = generateId(config.instanceId);
@@ -234,8 +235,26 @@ const __REDUX_DEVTOOLS_EXTENSION__ = function(reducer, preloadedState, config) {
     }
   }
 
-  const getMaxAge = () => {
-    return config && config.maxAge || window.devToolsOptions && window.devToolsOptions.maxAge || 50;
+  const filteredActionIds = []; // simple circular buffer of non-excluded actions with fixed maxAge-1 length
+  const getMaxAge = (liftedAction) => {
+    let m = config && config.maxAge || window.devToolsOptions.maxAge || 50;
+    if (!liftedAction || noFiltersApplied(localFilter) || !liftedAction.action) return m;
+    if (!maxAge || maxAge < m) maxAge = m; // it can be modified in process on options page
+    if (isFiltered(liftedAction.action, localFilter)) {
+      // TODO: check also predicate && !predicate(state, action) with current state
+      maxAge++;
+    } else {
+      filteredActionIds.push(store.liftedStore.getState().nextActionId);
+      if (filteredActionIds.length >= m) {
+        const stagedActionIds = store.liftedStore.getState().stagedActionIds;
+        let i = 1;
+        while (maxAge > m && filteredActionIds.indexOf(stagedActionIds[i]) === -1) {
+          maxAge--; i++;
+        }
+        filteredActionIds.shift();
+      }
+    }
+    return maxAge;
   };
 
   function init() {