Catch non-reducer errors

Related to #27.

Author: zalmoxisus

src/browser/extension/background/messaging.js

@@ -50,6 +50,16 @@ function messaging(request, sender, sendResponse) {
       openDevToolsWindow(position);
       return true;
     }
+    if (request.type === 'ERROR') {
+      chrome.notifications.create('app-error', {
+        type: 'basic',
+        title: 'An error occurred in the app',
+        message: request.message,
+        iconUrl: 'img/logo/48x48.png',
+        isClickable: false
+      });
+      return true;
+    }
 
     const payload = typeof request.payload === 'string' ? parseJSON(request.payload) : request.payload;
     if (!payload) return true;
@@ -69,7 +79,7 @@ function messaging(request, sender, sendResponse) {
       if (error) {
         chrome.notifications.create('redux-error', {
           type: 'basic',
-          title: 'An error occurred in the app',
+          title: 'An error occurred in the reducer',
           message: error,
           iconUrl: 'img/logo/48x48.png',
           isClickable: true

src/browser/extension/inject/pageScript.js

@@ -47,6 +47,16 @@ window.devToolsExtension = function(next) {
         source: 'redux-page',
         init: init || false
       }, '*');
+
+      // Catch non-reducer errors
+      window.addEventListener('error', function(e) {
+        if (!window.devToolsOptions.notifyErrors || !e.filename) return;
+        window.postMessage({
+          source: 'redux-page',
+          type: 'ERROR',
+          message: e.message
+        }, '*');
+      });
     }
 
     function onChange(init) {