redux-logger - npm Package Compare versions

Comparing version 2.0.4 to 2.0.5

dist/index.js

@@ -76,2 +76,5 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	};
+	var formatTime = function formatTime(time) {
+	  return " @ " + pad(time.getHours(), 2) + ":" + pad(time.getMinutes(), 2) + ":" + pad(time.getSeconds(), 2) + "." + pad(time.getMilliseconds(), 3);
+	};
 
@@ -92,3 +95,3 @@ // Use the new performance api to get better precision if available
 	 * @property {bool} options.timestamp - print timestamp with each action?
-	 * @property {function} options.transformer - transform state before print
+	 * @property {function} options.stateTransformer - transform state before print
 	 * @property {function} options.actionTransformer - transform action before print
@@ -104,4 +107,6 @@ */
 	      return function (action) {
-	        var level = options.level;
-	        var logger = options.logger;
+	        var _options$level = options.level;
+	        var level = _options$level === undefined ? "log" : _options$level;
+	        var _options$logger = options.logger;
+	        var logger = _options$logger === undefined ? window.console : _options$logger;
 	        var collapsed = options.collapsed;
@@ -113,15 +118,28 @@ var predicate = options.predicate;
 	        var timestamp = _options$timestamp === undefined ? true : _options$timestamp;
-	        var _options$transformer = options.transformer;
-	        var transformer = _options$transformer === undefined ? function (state) {
+	        var transformer = options.transformer;
+	        var _options$stateTransfo = options.stateTransformer;
+	        var // deprecated
+	        stateTransformer = _options$stateTransfo === undefined ? function (state) {
 	          return state;
-	        } : _options$transformer;
-	        var _options$actionTransformer = options.actionTransformer;
-	        var actionTransformer = _options$actionTransformer === undefined ? function (actn) {
+	        } : _options$stateTransfo;
+	        var _options$actionTransf = options.actionTransformer;
+	        var actionTransformer = _options$actionTransf === undefined ? function (actn) {
 	          return actn;
-	        } : _options$actionTransformer;
+	        } : _options$actionTransf;
+	        var _options$colors = options.colors;
+	        var colors = _options$colors === undefined ? {
+	          prevState: function prevState() {
+	            return "#9E9E9E";
+	          },
+	          action: function action() {
+	            return "#03A9F4";
+	          },
+	          nextState: function nextState() {
+	            return "#4CAF50";
+	          }
+	        } : _options$colors;
 
-	        var console = logger || window.console;
+	        // exit if console undefined
 
-	        // exit if console undefined
-	        if (typeof console === "undefined") {
+	        if (typeof logger === "undefined") {
 	          return next(action);
@@ -135,10 +153,12 @@ }
 
+	        if (transformer) {
+	          console.error("Option 'transformer' is deprecated, use stateTransformer instead");
+	        }
+
 	        var started = timer.now();
-	        var prevState = transformer(getState());
+	        var prevState = stateTransformer(getState());
 
-	        var returnValue = next(action);
 	        var took = timer.now() - started;
+	        var nextState = stateTransformer(getState());
 
-	        var nextState = transformer(getState());
-
 	        // formatters
@@ -148,32 +168,35 @@ var time = new Date();
 
-	        var formattedTime = timestamp ? " @ " + pad(time.getHours(), 2) + ":" + pad(time.getMinutes(), 2) + ":" + pad(time.getSeconds(), 2) + "." + pad(time.getMilliseconds(), 3) : "";
-	        var formattedDuration = duration ? " in " + took.toFixed(2) + " ms" : "";
+	        var formattedTime = formatTime(time);
 	        var formattedAction = actionTransformer(action);
-	        var message = "action " + formattedAction.type + formattedTime + formattedDuration;
-	        var startMessage = isCollapsed ? console.groupCollapsed : console.group;
 
+	        var title = "action " + formattedAction.type + (timestamp && formattedTime) + (duration && " in " + took.toFixed(2) + " ms");
+
 	        // render
 	        try {
-	          startMessage.call(console, message);
+	          if (isCollapsed) {
+	            logger.groupCollapsed(title);
+	          } else {
+	            logger.group(title);
+	          }
 	        } catch (e) {
-	          console.log(message);
+	          logger.log(title);
 	        }
 
-	        if (level) {
-	          console[level]("%c prev state", "color: #9E9E9E; font-weight: bold", prevState);
-	          console[level]("%c action", "color: #03A9F4; font-weight: bold", formattedAction);
-	          console[level]("%c next state", "color: #4CAF50; font-weight: bold", nextState);
+	        if (colors) {
+	          logger[level]("%c prev state", "color: " + colors.prevState(getState, action) + "; font-weight: bold", prevState);
+	          logger[level]("%c action", "color: " + colors.action(getState, action) + "; font-weight: bold", formattedAction);
+	          logger[level]("%c next state", "color: " + colors.nextState(getState, action) + "; font-weight: bold", nextState);
 	        } else {
-	          console.log("%c prev state", "color: #9E9E9E; font-weight: bold", prevState);
-	          console.log("%c action", "color: #03A9F4; font-weight: bold", formattedAction);
-	          console.log("%c next state", "color: #4CAF50; font-weight: bold", nextState);
+	          logger[level]("prev state", prevState);
+	          logger[level]("action", formattedAction);
+	          logger[level]("next state", nextState);
 	        }
 
 	        try {
-	          console.groupEnd();
+	          logger.groupEnd();
 	        } catch (e) {
-	          console.log("—— log end ——");
+	          logger.log("—— log end ——");
 	        }
 
-	        return returnValue;
+	        return next(action);
 	      };
@@ -184,4 +207,3 @@ };
 
-	exports["default"] = createLogger;
-	module.exports = exports["default"];
+	exports.default = createLogger;
 
@@ -188,0 +210,0 @@ /***/ }

dist/index.min.js

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

lib/index.js

@@ -12,2 +12,5 @@ "use strict";
 };
+var formatTime = function formatTime(time) {
+  return " @ " + pad(time.getHours(), 2) + ":" + pad(time.getMinutes(), 2) + ":" + pad(time.getSeconds(), 2) + "." + pad(time.getMilliseconds(), 3);
+};
 
@@ -28,3 +31,3 @@ // Use the new performance api to get better precision if available
  * @property {bool} options.timestamp - print timestamp with each action?
- * @property {function} options.transformer - transform state before print
+ * @property {function} options.stateTransformer - transform state before print
  * @property {function} options.actionTransformer - transform action before print
@@ -40,4 +43,6 @@ */
       return function (action) {
-        var level = options.level;
-        var logger = options.logger;
+        var _options$level = options.level;
+        var level = _options$level === undefined ? "log" : _options$level;
+        var _options$logger = options.logger;
+        var logger = _options$logger === undefined ? window.console : _options$logger;
         var collapsed = options.collapsed;
@@ -49,15 +54,28 @@ var predicate = options.predicate;
         var timestamp = _options$timestamp === undefined ? true : _options$timestamp;
-        var _options$transformer = options.transformer;
-        var transformer = _options$transformer === undefined ? function (state) {
+        var transformer = options.transformer;
+        var _options$stateTransfo = options.stateTransformer;
+        var // deprecated
+        stateTransformer = _options$stateTransfo === undefined ? function (state) {
           return state;
-        } : _options$transformer;
-        var _options$actionTransformer = options.actionTransformer;
-        var actionTransformer = _options$actionTransformer === undefined ? function (actn) {
+        } : _options$stateTransfo;
+        var _options$actionTransf = options.actionTransformer;
+        var actionTransformer = _options$actionTransf === undefined ? function (actn) {
           return actn;
-        } : _options$actionTransformer;
+        } : _options$actionTransf;
+        var _options$colors = options.colors;
+        var colors = _options$colors === undefined ? {
+          prevState: function prevState() {
+            return "#9E9E9E";
+          },
+          action: function action() {
+            return "#03A9F4";
+          },
+          nextState: function nextState() {
+            return "#4CAF50";
+          }
+        } : _options$colors;
 
-        var console = logger || window.console;
+        // exit if console undefined
 
-        // exit if console undefined
-        if (typeof console === "undefined") {
+        if (typeof logger === "undefined") {
           return next(action);
@@ -71,10 +89,12 @@ }
 
+        if (transformer) {
+          console.error("Option 'transformer' is deprecated, use stateTransformer instead");
+        }
+
         var started = timer.now();
-        var prevState = transformer(getState());
+        var prevState = stateTransformer(getState());
 
-        var returnValue = next(action);
         var took = timer.now() - started;
+        var nextState = stateTransformer(getState());
 
-        var nextState = transformer(getState());
-
         // formatters
@@ -84,32 +104,35 @@ var time = new Date();
 
-        var formattedTime = timestamp ? " @ " + pad(time.getHours(), 2) + ":" + pad(time.getMinutes(), 2) + ":" + pad(time.getSeconds(), 2) + "." + pad(time.getMilliseconds(), 3) : "";
-        var formattedDuration = duration ? " in " + took.toFixed(2) + " ms" : "";
+        var formattedTime = formatTime(time);
         var formattedAction = actionTransformer(action);
-        var message = "action " + formattedAction.type + formattedTime + formattedDuration;
-        var startMessage = isCollapsed ? console.groupCollapsed : console.group;
 
+        var title = "action " + formattedAction.type + (timestamp && formattedTime) + (duration && " in " + took.toFixed(2) + " ms");
+
         // render
         try {
-          startMessage.call(console, message);
+          if (isCollapsed) {
+            logger.groupCollapsed(title);
+          } else {
+            logger.group(title);
+          }
         } catch (e) {
-          console.log(message);
+          logger.log(title);
         }
 
-        if (level) {
-          console[level]("%c prev state", "color: #9E9E9E; font-weight: bold", prevState);
-          console[level]("%c action", "color: #03A9F4; font-weight: bold", formattedAction);
-          console[level]("%c next state", "color: #4CAF50; font-weight: bold", nextState);
+        if (colors) {
+          logger[level]("%c prev state", "color: " + colors.prevState(getState, action) + "; font-weight: bold", prevState);
+          logger[level]("%c action", "color: " + colors.action(getState, action) + "; font-weight: bold", formattedAction);
+          logger[level]("%c next state", "color: " + colors.nextState(getState, action) + "; font-weight: bold", nextState);
         } else {
-          console.log("%c prev state", "color: #9E9E9E; font-weight: bold", prevState);
-          console.log("%c action", "color: #03A9F4; font-weight: bold", formattedAction);
-          console.log("%c next state", "color: #4CAF50; font-weight: bold", nextState);
+          logger[level]("prev state", prevState);
+          logger[level]("action", formattedAction);
+          logger[level]("next state", nextState);
         }
 
         try {
-          console.groupEnd();
+          logger.groupEnd();
         } catch (e) {
-          console.log("—— log end ——");
+          logger.log("—— log end ——");
         }
 
-        return returnValue;
+        return next(action);
       };
@@ -120,3 +143,2 @@ };
 
-exports["default"] = createLogger;
-module.exports = exports["default"];
+exports.default = createLogger;

package.json

 {
   "name": "redux-logger",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Logger for redux",
   "main": "lib/index.js",
   "scripts": {
-    "lint": "eslint src",
+    "lint": "$(npm bin)/eslint src",
     "test": "npm run lint",
-    "clean": "rimraf build",
-    "build:lib": "babel src --out-dir lib",
-    "build:umd": "LIBRARY_NAME=reduxLogger webpack src/index.js dist/index.js --config webpack.config.production.js",
-    "build:umd:min": "LIBRARY_NAME=reduxLogger webpack -p src/index.js dist/index.min.js --config webpack.config.development.js",
+    "clean": "$(npm bin)/rimraf dist lib",
+    "build:lib": "$(npm bin)/babel src --out-dir lib",
+    "build:umd": "LIBRARY_NAME=reduxLogger NODE_ENV=development $(npm bin)/webpack src/index.js dist/index.js --config webpack.build.js",
+    "build:umd:min": "LIBRARY_NAME=reduxLogger NODE_ENV=production $(npm bin)/webpack -p src/index.js dist/index.min.js --config webpack.build.js",
     "build": "npm run build:lib && npm run build:umd && npm run build:umd:min",
     "prepublish": "npm run clean && npm run test && npm run build"
   },
+  "files": [
+    "dist",
+    "lib",
+    "src"
+  ],
   "repository": {
@@ -34,13 +39,12 @@ "type": "git",
   "devDependencies": {
-    "babel": "5.8.23",
-    "babel-core": "5.8.25",
-    "babel-eslint": "4.1.3",
-    "babel-loader": "5.3.2",
-    "babel-plugin-react-transform": "1.1.1",
-    "eslint": "1.6.0",
-    "eslint-config-airbnb": "0.1.0",
-    "eslint-plugin-react": "3.5.1",
-    "rimraf": "2.4.3",
-    "webpack": "1.12.2"
+    "@dtrussia/eslint-config-dtrussia": "1.0.3",
+    "babel-cli": "6.3.13",
+    "babel-core": "6.3.13",
+    "babel-loader": "6.2.0",
+    "babel-preset-es2015": "6.3.13",
+    "babel-preset-react": "6.3.13",
+    "babel-preset-stage-0": "6.3.13",
+    "rimraf": "2.4.4",
+    "webpack": "1.12.9"
   }
 }

README.md

@@ -11,2 +11,3 @@ # Logger for redux
 ```javascript
+import { applyMiddleware, createStore } from 'redux';
 import thunk from 'redux-thunk';
@@ -13,0 +14,0 @@ import promise from 'redux-promise';

src/index.js

 const repeat = (str, times) => (new Array(times + 1)).join(str);
 const pad = (num, maxLength) => repeat(`0`, maxLength - num.toString().length) + num;
+const formatTime = (time) => ` @ ${pad(time.getHours(), 2)}:${pad(time.getMinutes(), 2)}:${pad(time.getSeconds(), 2)}.${pad(time.getMilliseconds(), 3)}`;
 
@@ -18,3 +19,3 @@ // Use the new performance api to get better precision if available
  * @property {bool} options.timestamp - print timestamp with each action?
- * @property {function} options.transformer - transform state before print
+ * @property {function} options.stateTransformer - transform state before print
  * @property {function} options.actionTransformer - transform action before print
@@ -26,4 +27,4 @@ */
     const {
-      level,
-      logger,
+      level = `log`,
+      logger = window.console,
       collapsed,
@@ -33,10 +34,14 @@ predicate,
       timestamp = true,
-      transformer = state => state,
+      transformer, // deprecated
+      stateTransformer = state => state,
       actionTransformer = actn => actn,
+      colors = {
+        prevState: () => `#9E9E9E`,
+        action: () => `#03A9F4`,
+        nextState: () => `#4CAF50`,
+      },
     } = options;
 
-    const console = logger || window.console;
-
     // exit if console undefined
-    if (typeof console === `undefined`) {
+    if (typeof logger === `undefined`) {
       return next(action);
@@ -50,10 +55,12 @@ }
 
+    if (transformer) {
+      console.error(`Option 'transformer' is deprecated, use stateTransformer instead`);
+    }
+
     const started = timer.now();
-    const prevState = transformer(getState());
+    const prevState = stateTransformer(getState());
 
-    const returnValue = next(action);
     const took = timer.now() - started;
+    const nextState = stateTransformer(getState());
 
-    const nextState = transformer(getState());
-
     // formatters
@@ -63,32 +70,35 @@ const time = new Date();
 
-    const formattedTime = timestamp ? ` @ ${pad(time.getHours(), 2)}:${pad(time.getMinutes(), 2)}:${pad(time.getSeconds(), 2)}.${pad(time.getMilliseconds(), 3)}` : ``;
-    const formattedDuration = duration ? ` in ${took.toFixed(2)} ms` : ``;
+    const formattedTime = formatTime(time);
     const formattedAction = actionTransformer(action);
-    const message = `action ${formattedAction.type}${formattedTime}${formattedDuration}`;
-    const startMessage = isCollapsed ? console.groupCollapsed : console.group;
 
+    const title = `action ${formattedAction.type}${timestamp && formattedTime}${duration && ` in ${took.toFixed(2)} ms`}`;
+
     // render
     try {
-      startMessage.call(console, message);
+      if (isCollapsed) {
+        logger.groupCollapsed(title);
+      } else {
+        logger.group(title);
+      }
     } catch (e) {
-      console.log(message);
+      logger.log(title);
     }
 
-    if (level) {
-      console[level](`%c prev state`, `color: #9E9E9E; font-weight: bold`, prevState);
-      console[level](`%c action`, `color: #03A9F4; font-weight: bold`, formattedAction);
-      console[level](`%c next state`, `color: #4CAF50; font-weight: bold`, nextState);
+    if (colors) {
+      logger[level](`%c prev state`, `color: ${colors.prevState(getState, action)}; font-weight: bold`, prevState);
+      logger[level](`%c action`, `color: ${colors.action(getState, action)}; font-weight: bold`, formattedAction);
+      logger[level](`%c next state`, `color: ${colors.nextState(getState, action)}; font-weight: bold`, nextState);
     } else {
-      console.log(`%c prev state`, `color: #9E9E9E; font-weight: bold`, prevState);
-      console.log(`%c action`, `color: #03A9F4; font-weight: bold`, formattedAction);
-      console.log(`%c next state`, `color: #4CAF50; font-weight: bold`, nextState);
+      logger[level](`prev state`, prevState);
+      logger[level](`action`, formattedAction);
+      logger[level](`next state`, nextState);
     }
 
     try {
-      console.groupEnd();
+      logger.groupEnd();
     } catch (e) {
-      console.log(`—— log end ——`);
+      logger.log(`—— log end ——`);
     }
 
-    return returnValue;
+    return next(action);
   };
@@ -95,0 +105,0 @@ }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 2 instances in 1 package

Improved metrics

Dev dependency count

9

decreased by-10%

Number of lines in readme file

122

increased by0.83%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

22654

decreased by-33.71%

Number of package files

6

decreased by-82.35%

Lines of code

373

decreased by-42.7%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes