Add #16 coloring for diff

Author: golbin

controller/diff.js

@@ -4,14 +4,19 @@ var parent = null,
     view   = null;
 
 var diff = {
+  colorFormat: function (diffText) {
+    return diffText
+      .replace(/(^\-\s[\S\s]+?$)/gm, "{red-fg}$1{/red-fg}")
+      .replace(/(^\+\s[\S\s]+?$)/gm, "{green-fg}$1{/green-fg}")
+      .replace(/(^@@\s[\S\s]+?@@)/gm, "{cyan-fg}$1{/cyan-fg}");
+  },
   show: function () {
     var diffText = parent.git.diff(
       parent.prevFocused.name,
       parent.prevFocused.selected
     );
 
-    view.textarea.setValue(diffText);
-    view.textarea.scrollTo(0);
+    view.textarea.setContent(diff.colorFormat(diffText));
 
     view.layout.show();
     view.textarea.focus();
@@ -20,7 +25,7 @@ var diff = {
 
   hide: function (reload) {
     view.layout.hide();
-    view.textarea.clearValue();
+    view.textarea.setContent("");
     parent.show(reload);
   },
 

package.json

@@ -1,8 +1,6 @@
 {
   "name": "git-commander",
-  "version": "0.0.7",
-  "description": "A git tool with a easy terminal interface.",
-  "author": "Jin Kim",
+  "version": "0.0.8",
   "license": "MIT",
   "repository": {
     "type": "git",

view/diff.js

@@ -13,7 +13,7 @@ var init = function (screen) {
   styles.textarea.parent = layout;
   styles.menubar.parent  = layout;
 
-  textarea = blessed.textarea(styles.textarea);
+  textarea = blessed.text(styles.textarea);
   menubar  = blessed.listbar(styles.menubar);
 
   return {

view/style/diff.json

@@ -12,6 +12,8 @@
         "width": "100%",
         "height": "100%-3",
         "border": "line",
+        "tags": true,
+        "scrollable": true,
         "mouse": true,
         "vi": true,
         "keys": true,