tailog 0.3.5 → 0.3.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cda24a61abf0d45fd4dfe9c22012086ef6d69cb7
-  data.tar.gz: 87b30f64c6896fc79074e7f7e68d751f12257b40
+  metadata.gz: d35ed9b90a1497b13891c073bbff1a31cf29eb20
+  data.tar.gz: ab0ad71cb9dfc0da95f2699c318cefa85a12e601
 SHA512:
-  metadata.gz: 75b75502d8630b0c0c7804485a772b70e0f43e4047a92689f6cee09d9ce6609a4ba7c76f790097ffe556963e21e59de35444f2e4f0fccc0cbf38bed7c965637b
-  data.tar.gz: b14483eefcec688eedfe5184928e777a7def8fc9437166a72734c480c01ca56f9b047c78e7554c29ee008083cd52b6d7d749b02d2a593a718b94b5dd3d555f88
+  metadata.gz: f697a62734853cfff59cde5bf4f55b712b76a4715583a628d34a32e7047833d92fa721cb3f5da16d6d093f76c774a553e545f1aaff05aea73fe04a9186502694
+  data.tar.gz: 289eafa3b3b66d304fc1bb62be807e65c58e298d118f60a70f332ed9e3c12fdb63f35eae3351c16f9832f97fbfc4ef7ddd136c142ba5f6a87fb6360509317ba3

data/app/assets/javascripts/ansi_up.js

@@ -0,0 +1,326 @@
+// ansi_up.js
+// version : 1.3.0
+// author : Dru Nelson
+// license : MIT
+// http://github.com/drudru/ansi_up
+
+(function (Date, undefined) {
+
+    var ansi_up,
+        VERSION = "1.3.0",
+
+        // check for nodeJS
+        hasModule = (typeof module !== 'undefined'),
+
+        // Normal and then Bright
+        ANSI_COLORS = [
+          [
+            { color: "8, 2, 0",        'class': "ansi-black"   },
+            { color: "228, 68, 41",    'class': "ansi-red"     },
+            { color: "0, 173, 101",    'class': "ansi-green"   },
+            { color: "254, 238, 0",    'class': "ansi-yellow"  },
+            { color: "0, 176, 234",    'class': "ansi-blue"    },
+            { color: "178, 128, 165",  'class': "ansi-magenta" },
+            { color: "193, 233, 247",  'class': "ansi-cyan"    },
+            { color: "180, 177, 177",  'class': "ansi-white"   }
+          ], [
+            { color: "27, 27, 27",     'class': "ansi-bright-black"   },
+            { color: "182, 80, 47",    'class': "ansi-bright-red"     },
+            { color: "141, 161, 88",   'class': "ansi-bright-green"   },
+            { color: "220, 175, 95",   'class': "ansi-bright-yellow"  },
+            { color: "126, 170, 199",  'class': "ansi-bright-blue"    },
+            { color: "176, 101, 152",  'class': "ansi-bright-magenta" },
+            { color: "141, 220, 217",  'class': "ansi-bright-cyan"    },
+            { color: "217, 217, 217",  'class': "ansi-bright-white"   }
+          ]
+        ],
+
+        // 256 Colors Palette
+        PALETTE_COLORS;
+
+    function Ansi_Up() {
+      this.fg = this.bg = this.fg_truecolor = this.bg_truecolor = null;
+      this.bright = 0;
+    }
+
+    Ansi_Up.prototype.setup_palette = function() {
+      PALETTE_COLORS = [];
+      // Index 0..15 : System color
+      (function() {
+        var i, j;
+        for (i = 0; i < 2; ++i) {
+          for (j = 0; j < 8; ++j) {
+            PALETTE_COLORS.push(ANSI_COLORS[i][j]['color']);
+          }
+        }
+      })();
+
+      // Index 16..231 : RGB 6x6x6
+      // https://gist.github.com/jasonm23/2868981#file-xterm-256color-yaml
+      (function() {
+        var levels = [0, 95, 135, 175, 215, 255];
+        var format = function (r, g, b) { return levels[r] + ', ' + levels[g] + ', ' + levels[b] };
+        var r, g, b;
+        for (r = 0; r < 6; ++r) {
+          for (g = 0; g < 6; ++g) {
+            for (b = 0; b < 6; ++b) {
+              PALETTE_COLORS.push(format.call(this, r, g, b));
+            }
+          }
+        }
+      })();
+
+      // Index 232..255 : Grayscale
+      (function() {
+        var level = 8;
+        var format = function(level) { return level + ', ' + level + ', ' + level };
+        var i;
+        for (i = 0; i < 24; ++i, level += 10) {
+          PALETTE_COLORS.push(format.call(this, level));
+        }
+      })();
+    };
+
+    Ansi_Up.prototype.escape_for_html = function (txt) {
+      return txt.replace(/[&<>]/gm, function(str) {
+        if (str == "&") return "&amp;";
+        if (str == "<") return "&lt;";
+        if (str == ">") return "&gt;";
+      });
+    };
+
+    Ansi_Up.prototype.linkify = function (txt) {
+      return txt.replace(/(https?:\/\/[^\s]+)/gm, function(str) {
+        return "<a href=\"" + str + "\">" + str + "</a>";
+      });
+    };
+
+    Ansi_Up.prototype.ansi_to_html = function (txt, options) {
+      return this.process(txt, options, true);
+    };
+
+    Ansi_Up.prototype.ansi_to_text = function (txt) {
+      var options = {};
+      return this.process(txt, options, false);
+    };
+
+    Ansi_Up.prototype.process = function (txt, options, markup) {
+      var self = this;
+      var raw_text_chunks = txt.split(/\033\[/);
+      var first_chunk = raw_text_chunks.shift(); // the first chunk is not the result of the split
+
+      var color_chunks = raw_text_chunks.map(function (chunk) {
+        return self.process_chunk(chunk, options, markup);
+      });
+
+      color_chunks.unshift(first_chunk);
+
+      return color_chunks.join('');
+    };
+
+    Ansi_Up.prototype.process_chunk = function (text, options, markup) {
+
+      // Are we using classes or styles?
+      options = typeof options == 'undefined' ? {} : options;
+      var use_classes = typeof options.use_classes != 'undefined' && options.use_classes;
+      var key = use_classes ? 'class' : 'color';
+
+      // Each 'chunk' is the text after the CSI (ESC + '[') and before the next CSI/EOF.
+      //
+      // This regex matches four groups within a chunk.
+      //
+      // The first and third groups match code type.
+      // We supported only SGR command. It has empty first group and 'm' in third.
+      //
+      // The second group matches all of the number+semicolon command sequences
+      // before the 'm' (or other trailing) character.
+      // These are the graphics or SGR commands.
+      //
+      // The last group is the text (including newlines) that is colored by
+      // the other group's commands.
+      var matches = text.match(/^([!\x3c-\x3f]*)([\d;]*)([\x20-\x2c]*[\x40-\x7e])([\s\S]*)/m);
+
+      if (!matches) return text;
+
+      var orig_txt = matches[4];
+      var nums = matches[2].split(';');
+
+      // We currently support only "SGR" (Select Graphic Rendition)
+      // Simply ignore if not a SGR command.
+      if (matches[1] !== '' || matches[3] !== 'm') {
+        return orig_txt;
+      }
+
+      if (!markup) {
+        return orig_txt;
+      }
+
+      var self = this;
+
+      while (nums.length > 0) {
+        var num_str = nums.shift();
+        var num = parseInt(num_str);
+
+        if (isNaN(num) || num === 0) {
+          self.fg = self.bg = null;
+          self.bright = 0;
+        } else if (num === 1) {
+          self.bright = 1;
+        } else if (num == 39) {
+          self.fg = null;
+        } else if (num == 49) {
+          self.bg = null;
+        } else if ((num >= 30) && (num < 38)) {
+          self.fg = ANSI_COLORS[self.bright][(num % 10)][key];
+        } else if ((num >= 90) && (num < 98)) {
+          self.fg = ANSI_COLORS[1][(num % 10)][key];
+        } else if ((num >= 40) && (num < 48)) {
+          self.bg = ANSI_COLORS[0][(num % 10)][key];
+        } else if ((num >= 100) && (num < 108)) {
+          self.bg = ANSI_COLORS[1][(num % 10)][key];
+        } else if (num === 38 || num === 48) { // extend color (38=fg, 48=bg)
+          (function() {
+            var is_foreground = (num === 38);
+            if (nums.length >= 1) {
+              var mode = nums.shift();
+              if (mode === '5' && nums.length >= 1) { // palette color
+                var palette_index = parseInt(nums.shift());
+                if (palette_index >= 0 && palette_index <= 255) {
+                  if (!use_classes) {
+                    if (!PALETTE_COLORS) {
+                      self.setup_palette.call(self);
+                    }
+                    if (is_foreground) {
+                      self.fg = PALETTE_COLORS[palette_index];
+                    } else {
+                      self.bg = PALETTE_COLORS[palette_index];
+                    }
+                  } else {
+                    var klass = (palette_index >= 16)
+                          ? ('ansi-palette-' + palette_index)
+                          : ANSI_COLORS[palette_index > 7 ? 1 : 0][palette_index % 8]['class'];
+                    if (is_foreground) {
+                      self.fg = klass;
+                    } else {
+                      self.bg = klass;
+                    }
+                  }
+                }
+              } else if(mode === '2' && nums.length >= 3) { // true color
+                var r = parseInt(nums.shift());
+                var g = parseInt(nums.shift());
+                var b = parseInt(nums.shift());
+                if ((r >= 0 && r <= 255) && (g >= 0 && g <= 255) && (b >= 0 && b <= 255)) {
+                  var color = r + ', ' + g + ', ' + b;
+                  if (!use_classes) {
+                    if (is_foreground) {
+                      self.fg = color;
+                    } else {
+                      self.bg = color;
+                    }
+                  } else {
+                    if (is_foreground) {
+                      self.fg = 'ansi-truecolor';
+                      self.fg_truecolor = color;
+                    } else {
+                      self.bg = 'ansi-truecolor';
+                      self.bg_truecolor = color;
+                    }
+                  }
+                }
+              }
+            }
+          })();
+        }
+      }
+
+      if ((self.fg === null) && (self.bg === null)) {
+        return orig_txt;
+      } else {
+        var styles = [];
+        var classes = [];
+        var data = {};
+        var render_data = function (data) {
+          var fragments = [];
+          var key;
+          for (key in data) {
+            if (data.hasOwnProperty(key)) {
+              fragments.push('data-' + key + '="' + this.escape_for_html(data[key]) + '"');
+            }
+          }
+          return fragments.length > 0 ? ' ' + fragments.join(' ') : '';
+        };
+
+        if (self.fg) {
+          if (use_classes) {
+            classes.push(self.fg + "-fg");
+            if (self.fg_truecolor !== null) {
+              data['ansi-truecolor-fg'] = self.fg_truecolor;
+              self.fg_truecolor = null;
+            }
+          } else {
+            styles.push("color:rgb(" + self.fg + ")");
+          }
+        }
+        if (self.bg) {
+          if (use_classes) {
+            classes.push(self.bg + "-bg");
+            if (self.bg_truecolor !== null) {
+              data['ansi-truecolor-bg'] = self.bg_truecolor;
+              self.bg_truecolor = null;
+            }
+          } else {
+            styles.push("background-color:rgb(" + self.bg + ")");
+          }
+        }
+        if (use_classes) {
+          return '<span class="' + classes.join(' ') + '"' + render_data.call(self, data) + '>' + orig_txt + '</span>';
+        } else {
+          return '<span style="' + styles.join(';') + '"' + render_data.call(self, data) + '>' + orig_txt + '</span>';
+        }
+      }
+    };
+
+    // Module exports
+    ansi_up = {
+
+      escape_for_html: function (txt) {
+        var a2h = new Ansi_Up();
+        return a2h.escape_for_html(txt);
+      },
+
+      linkify: function (txt) {
+        var a2h = new Ansi_Up();
+        return a2h.linkify(txt);
+      },
+
+      ansi_to_html: function (txt, options) {
+        var a2h = new Ansi_Up();
+        return a2h.ansi_to_html(txt, options);
+      },
+
+      ansi_to_text: function (txt) {
+        var a2h = new Ansi_Up();
+        return a2h.ansi_to_text(txt);
+      },
+
+      ansi_to_html_obj: function () {
+        return new Ansi_Up();
+      }
+    };
+
+    // CommonJS module is defined
+    if (hasModule) {
+        module.exports = ansi_up;
+    }
+    /*global ender:false */
+    if (typeof window !== 'undefined' && typeof ender === 'undefined') {
+        window.ansi_up = ansi_up;
+    }
+    /*global define:false */
+    if (typeof define === "function" && define.amd) {
+        define("ansi_up", [], function () {
+            return ansi_up;
+        });
+    }
+})(Date);

data/app/assets/stylesheets/application.css

@@ -0,0 +1,39 @@
+body {
+  font-family: "Lucida Console", Monaco, monospace;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+p {
+  white-space: pre-wrap;
+  margin: 0;
+}
+
+.content-hover p:hover {
+  background: #EEE;
+}
+
+.dl-horizontal dt {
+  width: 320px;
+  padding-right: 20px;
+}
+
+.dl-horizontal dd {
+  margin-left: 320px;
+}
+
+.dl-hover dt:hover + dd, .dl-hover dd:hover {
+  background: #EEE;
+}
+
+.script select.form-control {
+  display: inline-block;
+  width: 100px;
+}
+
+.divider {
+  display: block;
+  margin: 10px 0 20px;
+  color: #a94442;
+  border-bottom: 3px dashed #d9534f;
+}

data/app/views/layout.erb

@@ -4,48 +4,9 @@
   <title>TAILOG</title>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/3.51/jquery.form.js"></script>
+  <script type="text/javascript" src="javascripts/ansi_up.js"></script>
   <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
-  <style type="text/css">
-    body {
-      font-family: "Lucida Console", Monaco, monospace;
-      padding-top: 20px;
-      padding-bottom: 20px;
-    }
-
-    p {
-      white-space: pre-wrap;
-      margin: 0;
-    }
-
-    .content-hover p:hover {
-      background: #EEE;
-    }
-
-    .dl-horizontal dt {
-      width: 320px;
-      padding-right: 20px;
-    }
-
-    .dl-horizontal dd {
-      margin-left: 320px;
-    }
-
-    .dl-hover dt:hover + dd, .dl-hover dd:hover {
-      background: #EEE;
-    }
-
-    .script select.form-control {
-      display: inline-block;
-      width: 100px;
-    }
-
-    .divider {
-      display: block;
-      margin: 10px 0 20px;
-      color: #a94442;
-      border-bottom: 3px dashed #d9534f;
-    }
-  </style>
+  <link rel="stylesheet" type="text/css" href="stylesheets/application.css">
 </head>
 <body>
 

data/app/views/logs/index.erb

@@ -38,7 +38,7 @@
             var shouldScrollToBottom = $window.scrollTop() + $window.height() == $document.height();
             $content
               .append('<span class="text-info">' + data.server_hostname + ' - ' + data.file_size + '</span>')
-              .append(data.content);
+              .append(ansi_up.ansi_to_html(data.content));
 
             if (shouldScrollToBottom) {
               $window.scrollTop($document.height() - $window.height());

data/app/views/script/index.erb

@@ -22,7 +22,7 @@
       $content
         .html('<hr>')
         .append('<span class="text-info">' + data.server_hostname + '</span>')
-        .append(data.content);
+        .append(ansi_up.ansi_to_html(data.content));
     } catch (error) {
       console.log(error)
     }

data/lib/tailog/version.rb

@@ -1,3 +1,3 @@
 module Tailog
-  VERSION = "0.3.5"
+  VERSION = "0.3.6"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tailog
 version: !ruby/object:Gem::Version
-  version: 0.3.5
+  version: 0.3.6
 platform: ruby
 authors:
 - bbtfr
@@ -50,6 +50,8 @@ files:
 - LICENSE.md
 - README.md
 - Rakefile
+- app/assets/javascripts/ansi_up.js
+- app/assets/stylesheets/application.css
 - app/views/env.erb
 - app/views/error.erb
 - app/views/layout.erb