Use circular-json in order to solve issues with circular structure in states

Related to #26 and #23.

Author: zalmoxisus

package.json

@@ -52,8 +52,8 @@
     "webpack": "^1.12.2"
   },
   "dependencies": {
+    "circular-json": "^0.3.0",
     "crossmessaging": "^0.1.2",
-    "json-stringify-safe": "^5.0.1",
     "react": "^0.14.0",
     "react-dom": "^0.14.0",
     "react-redux": "^4.0.0",

src/browser/extension/background/messaging.js

@@ -1,4 +1,5 @@
 import { onConnect, onMessage, sendToTab } from 'crossmessaging';
+import { parse } from 'circular-json';
 import syncOptions from '../options/syncOptions';
 import createMenu from './contextMenus';
 import openDevToolsWindow from './openWindow';
@@ -23,7 +24,7 @@ onConnect((tabId) => {
 
 function parseJSON(data) {
   try {
-    return JSON.parse(data);
+    return parse(data);
   } catch (e) {
     // console.error(data + 'is not a valid JSON', e);
     return null;

src/browser/extension/inject/pageScript.js

@@ -1,4 +1,4 @@
-import stringify from 'json-stringify-safe';
+import { stringify } from 'circular-json';
 import configureStore from '../../../app/store/configureStore';
 import { ACTION, UPDATE, OPTIONS, COMMIT } from '../../../app/constants/ActionTypes';
 import { isAllowed } from '../options/syncOptions';