redux-cli-logger - npm Package Compare versions

Comparing version 1.3.1 to 2.0.0

build/index.js

@@ -7,9 +7,4 @@ 'use strict';
 exports.default = createCLILogger;
+var colors = require("colors/safe");
 
-var _renderkid = require('renderkid');
-
-var _renderkid2 = _interopRequireDefault(_renderkid);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // gets top level keys and prints them in format
@@ -20,6 +15,6 @@ var topLevel = function topLevel(obj, rightArrow) {
     if (key.length > 0) {
-      formatted += '<label>' + rightArrow + ' ' + key + '</label>';
+      formatted += rightArrow + ' ' + key + ' ';
     }
     if (obj.hasOwnProperty(key)) {
-      formatted += '<pre>' + JSON.stringify(obj[key]) + '</pre>';
+      formatted += JSON.stringify(obj[key]) + '\n';
     }
@@ -45,7 +40,7 @@ });
   var _options$messageColor = options.messageColor;
-  var messageColor = _options$messageColor === undefined ? 'bright-yellow' : _options$messageColor;
+  var messageColor = _options$messageColor === undefined ? 'yellow' : _options$messageColor;
   var _options$prevColor = options.prevColor;
   var prevColor = _options$prevColor === undefined ? 'grey' : _options$prevColor;
   var _options$actionColor = options.actionColor;
-  var actionColor = _options$actionColor === undefined ? 'bright-blue' : _options$actionColor;
+  var actionColor = _options$actionColor === undefined ? 'blue' : _options$actionColor;
   var _options$nextColor = options.nextColor;
@@ -65,30 +60,2 @@ var nextColor = _options$nextColor === undefined ? 'green' : _options$nextColor;
 
-  var kid = new _renderkid2.default();
-  kid.style({
-    'label': {},
-    'list': {
-      marginLeft: '1'
-    },
-    'li': {
-      marginLeft: '2'
-    },
-    'pre': {
-      marginLeft: '4',
-      display: 'block'
-    },
-    'message': {
-      display: 'block',
-      color: messageColor
-    },
-    'prev': {
-      color: prevColor
-    },
-    'action': {
-      color: actionColor
-    },
-    'next': {
-      color: nextColor
-    }
-  });
-
   return function (store) {
@@ -116,3 +83,3 @@ return function (next) {
 
-        var output = kid.render('\n      <message>\n        ' + message + '\n      </message>\n      <ul>\n        <li><prev>prev state</prev></li>\n        <pre><prev>' + prevState + '</prev></pre>\n\n        <li><action>action</action></li>\n        <pre><action>' + actionDisplay + '</action></pre>\n\n        <li><next>next</next></li>\n        <pre><next>' + nextState + '</next></pre>\n      </ul>\n    ');
+        var output = colors[messageColor](message) + '\n' + ('  ' + colors[prevColor]('prev state\n' + prevState)) + ('  ' + colors[actionColor]('action\n' + actionDisplay)) + ('  ' + colors[nextColor]('next\n' + nextState));
 
@@ -119,0 +86,0 @@ console.log(output);

package.json

 {
   "name": "redux-cli-logger",
-  "version": "1.3.1",
+  "version": "2.0.0",
   "description": "Redux logger for a node environment",
@@ -34,3 +34,3 @@ "main": "build/index.js",
   "dependencies": {
-    "renderkid": "^1.0.0"
+    "colors": "^1.1.2"
   },
@@ -37,0 +37,0 @@ "devDependencies": {

src/index.js

 'use strict'
 
-import RenderKid from 'renderkid'
+const colors = require("colors/safe")
 
@@ -10,6 +10,6 @@ // gets top level keys and prints them in format
     if (key.length > 0) {
-      formatted += `<label>${rightArrow} ${key}</label>`
+      formatted += `${rightArrow} ${key} `
     }
     if (obj.hasOwnProperty(key)) {
-      formatted += `<pre>${JSON.stringify(obj[key])}</pre>`
+      formatted += `${JSON.stringify(obj[key])}\n`
     }
@@ -33,5 +33,5 @@ })
     rightArrow = '▶',
-    messageColor = 'bright-yellow',
+    messageColor = 'yellow',
     prevColor = 'grey',
-    actionColor = 'bright-blue',
+    actionColor = 'blue',
     nextColor = 'green',
@@ -43,30 +43,2 @@ predicate = null,
 
-  const kid = new RenderKid()
-  kid.style({
-    'label': {},
-    'list': {
-      marginLeft: '1'
-    },
-    'li': {
-      marginLeft: '2'
-    },
-    'pre': {
-      marginLeft: '4',
-      display: 'block'
-    },
-    'message': {
-      display: 'block',
-      color: messageColor
-    },
-    'prev': {
-      color: prevColor
-    },
-    'action': {
-      color: actionColor
-    },
-    'next': {
-      color: nextColor
-    }
-  })
-
   return store => next => action => {
@@ -91,18 +63,7 @@ const {getState} = store
 
-    const output = kid.render(`
-      <message>
-        ${message}
-      </message>
-      <ul>
-        <li><prev>prev state</prev></li>
-        <pre><prev>${prevState}</prev></pre>
+    const output = `${colors[messageColor](message)}\n` +
+      `  ${colors[prevColor](`prev state\n${prevState}`)}` +
+      `  ${colors[actionColor](`action\n${actionDisplay}`)}` +
+      `  ${colors[nextColor](`next\n${nextState}`)}`
 
-        <li><action>action</action></li>
-        <pre><action>${actionDisplay}</action></pre>
-
-        <li><next>next</next></li>
-        <pre><next>${nextState}</next></pre>
-      </ul>
-    `)
-
     console.log(output)
@@ -109,0 +70,0 @@ return returnValue

No alert changes

Worsened metrics

Total package byte prevSize

8049

decreased by-15.07%

Lines of code

127

decreased by-34.2%

Dependency changes

• + Addedcolors@^1.1.2

• + Addedcolors@1.4.0(transitive)

• - Removedrenderkid@^1.0.0

• - Removedansi-regex@2.1.1(transitive)

• - Removedboolbase@1.0.0(transitive)

• - Removedcore-util-is@1.0.3(transitive)

• - Removedcss-select@1.2.0(transitive)

• - Removedcss-what@2.1.3(transitive)

• - Removeddom-converter@0.1.4(transitive)

• - Removeddom-serializer@0.2.2(transitive)

• - Removeddomelementtype@1.3.12.3.0(transitive)

• - Removeddomhandler@2.1.0(transitive)

• - Removeddomutils@1.1.61.5.1(transitive)

• - Removedentities@2.2.0(transitive)

• - Removedhtmlparser2@3.3.0(transitive)

• - Removedinherits@2.0.4(transitive)

• - Removedisarray@0.0.1(transitive)

• - Removednth-check@1.0.2(transitive)

• - Removedreadable-stream@1.0.34(transitive)

• - Removedrenderkid@1.0.0(transitive)

• - Removedstring_decoder@0.10.31(transitive)

• - Removedstrip-ansi@3.0.1(transitive)

• - Removedutila@0.3.3(transitive)