Use maxAge option instead of auto commiting

Fix #84

src/app/store/configureStore.js

@@ -4,7 +4,7 @@ import { persistState, instrument } from 'redux-devtools';
 export default function configureStore(next, subscriber = () => ({}), options = {}) {
   const { deserializeState, deserializeAction } = options;
   return compose(
-    instrument(subscriber),
+    instrument(subscriber, window.devToolsOptions),
     persistState(
       getPersistSession(),
       deserializeState,

src/browser/extension/inject/pageScript.js

@@ -42,13 +42,14 @@ window.devToolsExtension = function(config = {}) {
     window.postMessage(message, '*');
   }
 
-  function relay(type, state, action, nextActionId) {
+  function relay(type, state, action, nextActionId, isExcess) {
     setTimeout(() => {
       const message = {
         payload: type === 'STATE' && shouldFilter() ? filterActions(state) : state,
         action: action || '',
         nextActionId: nextActionId || '',
-        type: type,
+        isExcess,
+        type,
         source: 'redux-page',
         name: config.name || document.title
       };
@@ -155,7 +156,9 @@ window.devToolsExtension = function(config = {}) {
       relay('INIT', state, { timestamp: Date.now() });
     } else if (!errorOccurred && monitorActions.indexOf(lastAction) === -1) {
       if (lastAction === 'JUMP_TO_STATE' || shouldFilter() && isFiltered(action)) return;
-      relay('ACTION', state, liftedAction, nextActionId);
+      const { maxAge } = window.devToolsOptions;
+      const isExcess = maxAge && liftedState.stagedActionIds.length === maxAge;
+      relay('ACTION', state, liftedAction, nextActionId, isExcess);
     } else {
       if (errorOccurred && !liftedState.computedStates[liftedState.currentStateIndex].error) errorOccurred = false;
       relay('STATE', liftedState);

src/browser/extension/options/index.js

@@ -8,7 +8,9 @@ chrome.runtime.getBackgroundPage( background => {
   const saveOption = e => {
     let value;
     if (e.target.type === 'checkbox') value = e.target.checked;
-    else if (e.target.type === 'input') value = Number(e.target.value);
+    else if (
+      e.target.type === 'input' || e.target.type === 'text'
+    ) value = Number(e.target.value);
     else value = e.target.value;
     syncOptions.save(e.target.id, value);
   };
@@ -48,7 +50,7 @@ chrome.runtime.getBackgroundPage( background => {
         </div>
         <div className="input">
           <span className="caption">Maximum actions:</span>
-          <input id="limit" type="text" defaultValue={items.limit} onChange={saveOption}/>
+          <input id="maxAge" type="text" defaultValue={items.maxAge} onChange={saveOption}/>
           <span className="comment">(autocommit when exceeds, 0 - no limit)</span>
         </div>
         <div className="input">

src/browser/extension/options/syncOptions.js

@@ -16,7 +16,7 @@ const get = callback => {
       leftMonitor: 'LogMonitor',
       rightMonitor: 'LogMonitor',
       bottomMonitor: 'SliderMonitor',
-      limit: 50,
+      maxAge: 50,
       filter: false,
       whitelist: '',
       blacklist: '',