redux-logger - npm Package Compare versions

Comparing version 2.2.1 to 2.3.0

dist/index.js

@@ -97,2 +97,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	 * @property {function} options.actionTransformer - transform action before print
+	 * @property {function} options.errorTransformer - transform error before print
 	 */
@@ -127,2 +128,6 @@
 	        } : _options$actionTransf;
+	        var _options$errorTransfo = options.errorTransformer;
+	        var errorTransformer = _options$errorTransfo === undefined ? function (error) {
+	          return error;
+	        } : _options$errorTransfo;
 	        var _options$colors = options.colors;
@@ -141,2 +146,5 @@ var colors = _options$colors === undefined ? {
 	            return "#4CAF50";
+	          },
+	          error: function error() {
+	            return "#F20404";
 	          }
@@ -164,3 +172,9 @@ } : _options$colors;
 	        var formattedAction = actionTransformer(action);
-	        var returnedValue = next(action);
+	        var returnedValue = undefined;
+	        var error = undefined;
+	        try {
+	          returnedValue = next(action);
+	        } catch (e) {
+	          error = errorTransformer(e);
+	        }
 
@@ -193,3 +207,7 @@ var took = timer.now() - started;
 
-	        if (colors.nextState) logger[level]("%c next state", "color: " + colors.nextState(nextState) + "; font-weight: bold", nextState);else logger[level]("next state", nextState);
+	        if (error) {
+	          if (colors.error) logger[level]("%c error", "color: " + colors.error(error, prevState) + "; font-weight: bold", error);else logger[level]("error", error);
+	        } else {
+	          if (colors.nextState) logger[level]("%c next state", "color: " + colors.nextState(nextState) + "; font-weight: bold", nextState);else logger[level]("next state", nextState);
+	        }
 
@@ -202,2 +220,3 @@ try {
 
+	        if (error) throw error;
 	        return returnedValue;
@@ -204,0 +223,0 @@ };

dist/index.min.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.reduxLogger=e():t.reduxLogger=e()}(this,function(){return function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="",e(0)}([function(t,e,o){o(1),t.exports=o(1)},function(t,e){"use strict";function o(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];return function(e){var o=e.getState;return function(e){return function(n){var r=t.level,c=void 0===r?"log":r,a=t.logger,f=void 0===a?window.console:a,d=t.collapsed,s=t.predicate,l=t.duration,p=void 0===l?!1:l,g=t.timestamp,v=void 0===g?!0:g,x=t.transformer,m=t.stateTransformer,y=void 0===m?function(t){return t}:m,w=t.actionTransformer,S=void 0===w?function(t){return t}:w,h=t.colors,b=void 0===h?{title:function(){return"#000000"},prevState:function(){return"#9E9E9E"},action:function(){return"#03A9F4"},nextState:function(){return"#4CAF50"}}:h;if("undefined"==typeof f)return e(n);if("function"==typeof s&&!s(o,n))return e(n);x&&console.error("Option 'transformer' is deprecated, use stateTransformer instead");var j=u.now(),E=y(o()),A=S(n),C=e(n),F=u.now()-j,M=y(o()),T=new Date,D="function"==typeof d?d(o,n):d,L=i(T),O=b.title?"color: "+b.title(A)+";":null,_="action "+A.type+(v?L:"")+(p?" in "+F.toFixed(2)+" ms":"");try{D?b.title?f.groupCollapsed("%c "+_,O):f.groupCollapsed(_):b.title?f.group("%c "+_,O):f.group(_)}catch(H){f.log(_)}b.prevState?f[c]("%c prev state","color: "+b.prevState(E)+"; font-weight: bold",E):f[c]("prev state",E),b.action?f[c]("%c action","color: "+b.action(A)+"; font-weight: bold",A):f[c]("action",A),b.nextState?f[c]("%c next state","color: "+b.nextState(M)+"; font-weight: bold",M):f[c]("next state",M);try{f.groupEnd()}catch(H){f.log("—— log end ——")}return C}}}}Object.defineProperty(e,"__esModule",{value:!0});var n=function(t,e){return new Array(e+1).join(t)},r=function(t,e){return n("0",e-t.toString().length)+t},i=function(t){return" @ "+r(t.getHours(),2)+":"+r(t.getMinutes(),2)+":"+r(t.getSeconds(),2)+"."+r(t.getMilliseconds(),3)},u="undefined"!=typeof performance&&"function"==typeof performance.now?performance:Date;e["default"]=o,t.exports=e["default"]}])});
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.reduxLogger=e():t.reduxLogger=e()}(this,function(){return function(t){function e(o){if(r[o])return r[o].exports;var n=r[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var r={};return e.m=t,e.c=r,e.p="",e(0)}([function(t,e,r){r(1),t.exports=r(1)},function(t,e){"use strict";function r(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];return function(e){var r=e.getState;return function(e){return function(o){var n=t.level,c=void 0===n?"log":n,a=t.logger,f=void 0===a?window.console:a,d=t.collapsed,l=t.predicate,s=t.duration,p=void 0===s?!1:s,g=t.timestamp,v=void 0===g?!0:g,m=t.transformer,x=t.stateTransformer,y=void 0===x?function(t){return t}:x,w=t.actionTransformer,h=void 0===w?function(t){return t}:w,S=t.errorTransformer,b=void 0===S?function(t){return t}:S,j=t.colors,E=void 0===j?{title:function(){return"#000000"},prevState:function(){return"#9E9E9E"},action:function(){return"#03A9F4"},nextState:function(){return"#4CAF50"},error:function(){return"#F20404"}}:j;if("undefined"==typeof f)return e(o);if("function"==typeof l&&!l(r,o))return e(o);m&&console.error("Option 'transformer' is deprecated, use stateTransformer instead");var F=u.now(),T=y(r()),A=h(o),C=void 0,M=void 0;try{C=e(o)}catch(D){M=b(D)}var L=u.now()-F,O=y(r()),_=new Date,H="function"==typeof d?d(r,o):d,P=i(_),k=E.title?"color: "+E.title(A)+";":null,q="action "+A.type+(v?P:"")+(p?" in "+L.toFixed(2)+" ms":"");try{H?E.title?f.groupCollapsed("%c "+q,k):f.groupCollapsed(q):E.title?f.group("%c "+q,k):f.group(q)}catch(D){f.log(q)}E.prevState?f[c]("%c prev state","color: "+E.prevState(T)+"; font-weight: bold",T):f[c]("prev state",T),E.action?f[c]("%c action","color: "+E.action(A)+"; font-weight: bold",A):f[c]("action",A),M?E.error?f[c]("%c error","color: "+E.error(M,T)+"; font-weight: bold",M):f[c]("error",M):E.nextState?f[c]("%c next state","color: "+E.nextState(O)+"; font-weight: bold",O):f[c]("next state",O);try{f.groupEnd()}catch(D){f.log("—— log end ——")}if(M)throw M;return C}}}}Object.defineProperty(e,"__esModule",{value:!0});var o=function(t,e){return new Array(e+1).join(t)},n=function(t,e){return o("0",e-t.toString().length)+t},i=function(t){return" @ "+n(t.getHours(),2)+":"+n(t.getMinutes(),2)+":"+n(t.getSeconds(),2)+"."+n(t.getMilliseconds(),3)},u="undefined"!=typeof performance&&"function"==typeof performance.now?performance:Date;e["default"]=r,t.exports=e["default"]}])});

lib/index.js

@@ -33,2 +33,3 @@ "use strict";
  * @property {function} options.actionTransformer - transform action before print
+ * @property {function} options.errorTransformer - transform error before print
  */
@@ -63,2 +64,6 @@
         } : _options$actionTransf;
+        var _options$errorTransfo = options.errorTransformer;
+        var errorTransformer = _options$errorTransfo === undefined ? function (error) {
+          return error;
+        } : _options$errorTransfo;
         var _options$colors = options.colors;
@@ -77,2 +82,5 @@ var colors = _options$colors === undefined ? {
             return "#4CAF50";
+          },
+          error: function error() {
+            return "#F20404";
           }
@@ -100,3 +108,9 @@ } : _options$colors;
         var formattedAction = actionTransformer(action);
-        var returnedValue = next(action);
+        var returnedValue = undefined;
+        var error = undefined;
+        try {
+          returnedValue = next(action);
+        } catch (e) {
+          error = errorTransformer(e);
+        }
 
@@ -129,3 +143,7 @@ var took = timer.now() - started;
 
-        if (colors.nextState) logger[level]("%c next state", "color: " + colors.nextState(nextState) + "; font-weight: bold", nextState);else logger[level]("next state", nextState);
+        if (error) {
+          if (colors.error) logger[level]("%c error", "color: " + colors.error(error, prevState) + "; font-weight: bold", error);else logger[level]("error", error);
+        } else {
+          if (colors.nextState) logger[level]("%c next state", "color: " + colors.nextState(nextState) + "; font-weight: bold", nextState);else logger[level]("next state", nextState);
+        }
 
@@ -138,2 +156,3 @@ try {
 
+        if (error) throw error;
         return returnedValue;
@@ -140,0 +159,0 @@ };

package.json

 {
   "name": "redux-logger",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Logger for redux",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/index.js

@@ -22,2 +22,3 @@ const repeat = (str, times) => (new Array(times + 1)).join(str);
  * @property {function} options.actionTransformer - transform action before print
+ * @property {function} options.errorTransformer - transform error before print
  */
@@ -37,2 +38,3 @@
       actionTransformer = actn => actn,
+      errorTransformer = error => error,
       colors = {
@@ -43,2 +45,3 @@ title: () => `#000000`,
         nextState: () => `#4CAF50`,
+        error: () => `#F20404`,
       },
@@ -65,3 +68,9 @@ } = options;
     const formattedAction = actionTransformer(action);
-    const returnedValue = next(action);
+    let returnedValue;
+    let error;
+    try {
+      returnedValue = next(action);
+    } catch (e) {
+      error = errorTransformer(e);
+    }
 
@@ -98,4 +107,9 @@ const took = timer.now() - started;
 
-    if (colors.nextState) logger[level](`%c next state`, `color: ${colors.nextState(nextState)}; font-weight: bold`, nextState);
-    else logger[level](`next state`, nextState);
+    if (error) {
+      if (colors.error) logger[level](`%c error`, `color: ${colors.error(error, prevState)}; font-weight: bold`, error);
+      else logger[level](`error`, error);
+    } else {
+      if (colors.nextState) logger[level](`%c next state`, `color: ${colors.nextState(nextState)}; font-weight: bold`, nextState);
+      else logger[level](`next state`, nextState);
+    }
 
@@ -108,2 +122,3 @@ try {
 
+    if (error) throw error;
     return returnedValue;
@@ -110,0 +125,0 @@ };

No alert changes

Improved metrics

Total package byte prevSize

28018

increased by8.85%

Lines of code

431

increased by14.02%

No dependency changes