Detect when we need to serialize (circular references) implicitly

Related to #26.

Author: zalmoxisus

src/browser/extension/inject/pageScript.js

@@ -42,11 +42,17 @@ window.devToolsExtension = function(next) {
         state.filter = { whitelist, blacklist };
       }
 
-      window.postMessage({
-        payload: typeof window.devToolsOptions.serialize === 'undefined' || window.devToolsOptions.serialize ? stringify(state) : state,
+      const message = {
+        payload: state,
         source: 'redux-page',
         init: init || false
-      }, '*');
+      };
+      try {
+        window.postMessage(message, '*');
+      } catch (err) {
+        message.payload = stringify(state);
+        window.postMessage(message, '*');
+      }
 
       window.devToolsExtension.notifyErrors();
     }

src/browser/extension/options/index.js

@@ -51,11 +51,6 @@ chrome.runtime.getBackgroundPage( background => {
           <span className="caption">Actions to show (previous option will be ignored):</span>
           <textarea onChange={saveOption} id="whitelist" defaultValue={items.whitelist}/>
         </div>
-        <div className="input">
-          <span className="caption">States serialization:</span>
-          <input id="serialize" type="checkbox" defaultChecked={items.serialize} onChange={saveOption}/>
-          <span className="comment">(required for circular references)</span>
-        </div>
         <div className="input">
           <span className="caption">Maximum delay:</span>
           <input id="timeout" type="text" defaultValue={items.timeout} onChange={saveOption}/>

src/browser/extension/options/syncOptions.js

@@ -18,7 +18,6 @@ const get = callback => {
       whitelist: '',
       blacklist: '',
       timeout: 1,
-      serialize: true,
       notifyErrors: true,
       inject: true,
       urls: '^https?://localhost|0\\.0\\.0\\.0:\\d+\n^https?://.+\\.github\\.io'