Merge pull request LogRocket#42 from toxickg/master

Added milliseconds to timestamp, updated 'pad' function

Author: Eugene Rodionov

dist/index.js

@@ -67,8 +67,8 @@ return /******/ (function(modules) { // webpackBootstrap
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	var pad = function pad(num) {
-	  return ("0" + num).slice(-2);
+	var pad = function pad(num, maxLength) {
+	  return "0".repeat(maxLength - num.toString().length) + num;
 	};
 
 	// Use the new performance api to get better precision if available
@@ -137,7 +137,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        var time = new Date();
 	        var isCollapsed = typeof collapsed === "function" ? collapsed(getState, action) : collapsed;
 
-	        var formattedTime = timestamp ? " @ " + time.getHours() + ":" + pad(time.getMinutes()) + ":" + pad(time.getSeconds()) : "";
+	        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 formattedAction = actionTransformer(action);
 	        var message = "action " + formattedAction.type + formattedTime + formattedDuration;

dist/index.min.js

@@ -17,22 +17,22 @@
   "homepage": "https://github.com/fcomb/redux-logger",
   "dependencies": {
     "react": "^0.13.3",
-    "redux": "3.0.0",
-    "react-redux": "^3.0.0",
+    "redux": "3.0.2",
+    "react-redux": "^3.1.0",
     "redux-actions": "^0.8.0"
   },
   "devDependencies": {
     "babel-core": "^5.8.25",
     "babel-loader": "^5.3.2",
-    "babel-plugin-react-transform": "^1.1.0",
+    "babel-plugin-react-transform": "^1.1.1",
     "css-loader": "^0.19.0",
     "express": "^4.13.3",
     "node-sass": "^3.3.3",
-    "react-transform-hmr": "^1.0.0",
-    "sass-loader": "^2.0.1",
+    "react-transform-hmr": "^1.0.1",
+    "sass-loader": "^3.0.0",
     "style-loader": "^0.12.4",
     "webpack": "^1.12.2",
     "webpack-dev-middleware": "^1.2.0",
-    "webpack-hot-middleware": "^2.2.0"
+    "webpack-hot-middleware": "^2.4.1"
   }
 }

examples/package.json

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var pad = function pad(num) {
-  return ("0" + num).slice(-2);
+var pad = function pad(num, maxLength) {
+  return "0".repeat(maxLength - num.toString().length) + num;
 };
 
 // Use the new performance api to get better precision if available
@@ -73,7 +73,7 @@ function createLogger() {
         var time = new Date();
         var isCollapsed = typeof collapsed === "function" ? collapsed(getState, action) : collapsed;
 
-        var formattedTime = timestamp ? " @ " + time.getHours() + ":" + pad(time.getMinutes()) + ":" + pad(time.getSeconds()) : "";
+        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 formattedAction = actionTransformer(action);
         var message = "action " + formattedAction.type + formattedTime + formattedDuration;

lib/index.js

@@ -1,4 +1,4 @@
-const pad = num => (`0` + num).slice(-2);
+const pad = (num, maxLength) => `0`.repeat(maxLength - num.toString().length) + num;
 
 // Use the new performance api to get better precision if available
 const timer = typeof performance !== `undefined` && typeof performance.now === `function` ? performance : Date;
@@ -55,7 +55,7 @@ function createLogger(options = {}) {
     const time = new Date();
     const isCollapsed = (typeof collapsed === `function`) ? collapsed(getState, action) : collapsed;
 
-    const formattedTime = timestamp ? ` @ ${time.getHours()}:${pad(time.getMinutes())}:${pad(time.getSeconds())}` : ``;
+    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 formattedAction = actionTransformer(action);
     const message = `action ${formattedAction.type}${formattedTime}${formattedDuration}`;