Limit actions to be stored. Autocommit when the limit exceeds.

Related to #14.

Author: zalmoxisus

src/app/constants/ActionTypes.js

@@ -1,3 +1,4 @@
 export const ACTION = 'ACTION';
 export const UPDATE = 'UPDATE';
 export const OPTIONS = 'OPTIONS';
+export const COMMIT = 'COMMIT';

src/browser/extension/inject/pageScript.js

@@ -1,13 +1,17 @@
 import stringify from 'json-stringify-safe';
 import configureStore from '../../../app/store/configureStore';
-import { ACTION, UPDATE, OPTIONS } from '../../../app/constants/ActionTypes';
+import { ACTION, UPDATE, OPTIONS, COMMIT } from '../../../app/constants/ActionTypes';
 
 window.devToolsInit = function(store) {
   let options = {};
   let timeout = { id: null, last: 0};
 
   function doChange(init) {
-    const state = store.liftedStore.getState();
+    let state = store.liftedStore.getState();
+    if (options.limit && state.currentStateIndex > options.limit) {
+      store.liftedStore.dispatch({type: COMMIT, timestamp: Date.now()});
+      state = store.liftedStore.getState();
+    }
     window.postMessage({
       payload: options.serialize ? stringify(state) : state,
       source: 'redux-page',

src/browser/extension/options/getOptions.js

@@ -1,12 +1,13 @@
 const getOptions = callback => {
   chrome.storage.sync.get({
+    limit: 50,
     timeout: 1,
     serialize: true,
     inject: true,
     urls: 'https?:\\/\\/localhost|0\\.0\\.0\\.0:\\d+\\/(.+)?\nhttps?:\\/\\/.+\\.github\\.io\\/(.+)?'
   }, function(items) {
-    callback(items)
+    callback(items);
   });
-}
+};
 
 export default getOptions;

src/browser/extension/options/index.js

@@ -31,6 +31,11 @@ const saveUrls = e => {
 getOptions( items => {
   render(
     <div>
+      <div className="input">
+        <span className="caption">Maximum actions:</span>
+        <input id="limit" type="text" defaultValue={items.limit} onChange={saveOption} />
+        <span className="comment">(autocommit when exceeds, 0 - no limit)</span>
+      </div>
       <div className="input">
         <span className="caption">Maximum delay:</span>
         <input id="timeout" type="text" defaultValue={items.timeout} onChange={saveOption} />

src/browser/views/options.jade

@@ -22,7 +22,7 @@ html
       color: #999;
       margin-left: 5px;
     }
-    #timeout {
+    input[type="text"] {
       width: 25px;
       font-weight: bold;
       text-align: center;