logster 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: d38243e6aa8453d6a6f387598eaa9cc1ddac6a0c
+  data.tar.gz: 29a71b02794bbb9ab65585c1834a3f2b5b580458
+SHA512:
+  metadata.gz: c7945e8d28eb6df00ab05c4ddfd2f7c488fcac7b2ab98059d3a52b053c5de686dd68f62077144fb08e10b09e41a7ee4fff9bae6bc0de144695fdc2005782f53c
+  data.tar.gz: 7c25d78b5e1d14f7d67ddfe9fb157b0653cd32df923061555beda793224d6df9e9541012645cfa2a2f80d07f01b332d4af96fd5d586776c18953eb647cfca77b

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in rack-log-viewer.gemspec
+gemspec

data/Guardfile

@@ -0,0 +1,8 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+guard :minitest do
+  watch(%r{^test/(.*)\/?test_(.*)\.rb$})
+  watch(%r{^lib/(.*/)?([^/]+)\.rb$})     { |m| "test/#{m[1]}test_#{m[2]}.rb" }
+  watch(%r{^test/test_helper\.rb$})      { 'test' }
+end

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 TODO: Write your name
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,38 @@
+# Logster
+
+A web log viewer and logging framework for Rack applications
+
+![logster](http://i.imgur.com/cvfcQpv.png)
+
+## Installation
+
+Add these lines to your application's Gemfile:
+
+    gem 'redis'
+    gem 'logster'
+
+And then execute:
+
+    $ bundle
+
+Logster will wire up `/logs` path in your Rails app in **development** mode only. Production mode is being worked on.
+
+## Usage
+
+Logster is in current development, at the moment the focus is on a decent tool for dev. Once that is complete production mode will be build.
+
+The concept is to have an embedded "exception reporting service" admins can view on live sites.
+
+Logs will be visible by default at `http://sitename.com/logs`, only dev mode is implemented now. 
+
+## Thanks
+
+Logster UI is built using [Ember.js](http://emberjs.com/)
+
+## Contributing
+
+1. Fork it ( https://github.com/SamSaffron/logster/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,18 @@
+require "bundler/gem_tasks"
+require "rake/testtask"
+
+desc "copy js assets"
+task :copy_assets do
+  `cp bower_components/moment/min/moment.min.js assets/javascript/external`
+  `cp bower_components/jquery/dist/jquery.min.js assets/javascript/external`
+  `cp bower_components/ember/ember.js assets/javascript/external`
+  `cp bower_components/ember/ember.min.js assets/javascript/external`
+  `cp bower_components/handlebars/handlebars.min.js assets/javascript/external`
+  `cp bower_components/lodash/dist/lodash.min.js assets/javascript/external`
+end
+
+Rake::TestTask.new do |t|
+  t.pattern = "test/**/test_*.rb"
+end
+
+task(default: :test)

data/assets/javascript/app.js

@@ -0,0 +1,377 @@
+moment.lang('en', {
+      relativeTime : {
+        future: "in %s",
+        past:   "%s ago",
+        s:  "secs",
+        m:  "a min",
+        mm: "%d mins",
+        h:  "an hr",
+        hh: "%d hrs",
+        d:  "a day",
+        dd: "%d days",
+        M:  "a mth",
+        MM: "%d mths",
+        y:  "a yr",
+        yy: "%d yrs"
+      }
+});
+
+
+App = Ember.Application.create({
+});
+
+App.ajax =  function(url, settings) {
+  settings = settings || {};
+  settings.headers = settings.headers || {};
+  settings.headers["X-SILENCE-LOGGER"] = true;
+  return $.ajax(Logger.rootPath + url, settings);
+};
+
+
+App.Router.map(function(){
+  this.route("index", { path: "/" });
+});
+
+App.Message = Ember.Object.extend({
+
+  MAX_LEN: 200,
+
+  expand: function(){
+    this.set("expanded",true);
+  },
+
+  hasMore: function(){
+    var message = this.get("message");
+    var expanded = this.get("expanded");
+
+    return !expanded && message.length > this.MAX_LEN;
+  }.property("message", "expanded"),
+
+  displayMessage: function(){
+    var message = this.get("message");
+    var expanded = this.get("expanded");
+
+    if(!expanded && message.length > this.MAX_LEN){
+      message = message.substr(0,this.MAX_LEN);
+    }
+    return message;
+  }.property("message","expanded"),
+
+  rowClass: function() {
+    switch(this.get("severity")){
+      case 0:
+        return "debug";
+      case 1:
+        return "info";
+      case 2:
+        return "warn";
+      case 3:
+        return "error";
+      case 4:
+        return "fatal";
+    }
+  }.property("severity"),
+
+  glyph: function(){
+    switch(this.get("severity")){
+      case 0:
+        return "";
+      case 1:
+        return "";
+      case 2:
+        return "x";
+      case 3:
+        return "!";
+      case 4:
+        return "!!";
+    }
+  }.property("severity")
+});
+
+App.MessageCollection = Em.Object.extend({
+
+  messages: Em.A(),
+  total: 0,
+
+  load: function(opts){
+    var self = this;
+    opts = opts || {};
+
+    var data = {
+      filter: this.get("filter").join("_")
+    };
+
+    if(opts.before){
+      data.before = opts.before;
+    }
+
+    if (opts.after){
+      data.after = opts.after;
+    }
+
+    App.ajax("/messages.json", {
+      data: data
+    }).success(function(data){
+        if(data.messages.length > 0) {
+          var newRows = self.toMessages(data.messages);
+          var messages = self.get("messages");
+          if(opts.before) {
+            messages.unshiftObjects(newRows);
+          } else {
+            messages.addObjects(newRows);
+          }
+        }
+        self.set("total",data.total);
+     });
+  },
+
+  reload: function(){
+    this.set("total", 0);
+    this.get("messages").clear();
+
+    this.load();
+  },
+
+  loadMore: function(){
+
+    var messages = this.get("messages");
+    if(messages.length === 0){
+      return;
+    }
+
+    var lastKey = messages[messages.length-1].get("key");
+    this.load({
+      after: lastKey
+    });
+  },
+
+  moreBefore: function(){
+    return this.get("totalBefore") > 0;
+  }.property("totalBefore"),
+
+  totalBefore: function() {
+    return this.get("total") - this.get("messages").length;
+  }.property("total", "messages.@each"),
+
+  showMoreBefore: function() {
+    var messages = this.get("messages");
+    var firstKey = messages[0].get("key");
+
+    this.load({
+      before: firstKey
+    });
+  },
+
+  toMessages: function(messages){
+    return messages.map(function(m){
+        return App.Message.create(m);
+    });
+  }
+});
+
+
+App.IndexRoute = Em.Route.extend({
+  model: function(){
+    return App.MessageCollection.create();
+  },
+
+  setupController: function(controller, model){
+    this._super(controller, model);
+    controller.setProperties({
+      "showDebug": true,
+      "showInfo": true,
+      "showWarn": true,
+      "showErr": true,
+      "showFatal": true
+    });
+    controller.set("initialized", true);
+    model.reload();
+  }
+});
+
+App.IndexController = Em.Controller.extend({
+  actions: {
+    expandMessage: function(message){
+      message.expand();
+    },
+
+    showMoreBefore: function(){
+      this.get('model').showMoreBefore();
+    },
+
+    loadMore: function(){
+      return this.get('model').loadMore();
+    }
+  },
+
+  filterChanged: function(){
+    var severities = ["Debug", "Info", "Warn", "Err", "Fatal"];
+    var filter = [];
+    for(var i=0; i<5; i++){
+      if(this.get("show" + severities[i])){
+        filter.push(i);
+      }
+    }
+
+    // always show unknown, rare
+    filter.push(5);
+    var model = this.get("model");
+    model.set("filter", filter);
+    if(this.get("initialized")){
+      model.reload();
+    }
+  }.observes(
+      "showDebug",
+      "showInfo",
+      "showWarn",
+      "showErr",
+      "showFatal"
+    ),
+
+  checkIfAtBottom: function(){
+    if (this.checkedBottom) {
+      return;
+    }
+
+    var $topPanel = $("#top-panel");
+
+    var scrollTop = $topPanel.scrollTop();
+    var height = $topPanel.height();
+    var scrollHeight = $topPanel[0].scrollHeight;
+
+    this.stickToBottom = scrollHeight - 20 < height + scrollTop;
+    this.checkedBottom = true;
+  }
+});
+
+App.IndexView = Em.View.extend({
+  divideView: function(fromTop, win){
+    var $win = win || $(window);
+    var height = $win.height();
+    var fromBottom = $win.height() - fromTop;
+
+    if (fromTop < 100 || fromTop + 100 > height) {
+      return;
+    }
+
+    this.topPanel.css("bottom", fromBottom + 5);
+    this.bottomPanel.css("height", fromBottom - 15);
+    this.divider.css("bottom", fromBottom - 5);
+  },
+
+  didInsertElement: function(){
+    var self = this;
+    this.refreshInterval = setInterval(function(){
+      self.get('controller').send("loadMore");
+    }, 3000);
+
+    // inspired by http://plugins.jquery.com/misc/textarea.js
+    this.topPanel = $("#top-panel");
+    this.divider = $("#divider");
+    this.bottomPanel = $("#bottom-panel");
+
+    var $win = $(window),
+        resizing = false;
+
+    var performDrag = function(e){
+      if(!resizing) { return; }
+      self.divideView(e.clientY, $win);
+    };
+
+    var endDrag = function(){
+      $("#overlay").remove();
+      resizing = false;
+
+      if(localStorage){
+        localStorage.logster_divider_bottom = parseInt(self.divider.css("bottom"),10);
+      }
+
+      $(document)
+          .unbind('mousemove', performDrag)
+          .unbind('mouseup', endDrag);
+    };
+
+    self.divider.on("mousedown", function(){
+      $("<div id='overlay'></div>").appendTo($("body"));
+      resizing = true;
+      $(document)
+        .mousemove(_.throttle(performDrag,25))
+        .mouseup(endDrag);
+    }).append("<div class='line-1'></div><div class='line-2'></div><div class='line-3'></div>");
+
+
+    Em.run.next(function(){
+      if(localStorage && localStorage.logster_divider_bottom){
+        var fromTop = $win.height() - parseInt(localStorage.logster_divider_bottom,10);
+        self.divideView(fromTop, $win);
+      }
+    });
+  },
+
+  willDestroyElement: function(){
+    $("#divider").off("mousedown");
+    clearInterval(this.refreshInterval);
+  }
+});
+
+App.MessageView = Em.View.extend({
+  templateName: "message",
+
+  tagName: "tr",
+
+  classNameBindings: ["context.rowClass", ":message-row", "context.selected:selected"],
+
+  click: function(){
+    var old = this.get("controller.currentMessage");
+    if(old){
+      old.set("selected",false);
+    }
+    this.set("context.selected", true);
+    this.set("controller.currentMessage", this.get("context"));
+  },
+
+  willInsertElement: function(){
+    this.get("controller").checkIfAtBottom();
+  },
+
+  didInsertElement: function(){
+    var self = this;
+    var $topPanel = $("#top-panel");
+    Em.run.next(function(){
+      self.set("controller.checkedBottom", false);
+
+      if (self.get("controller.stickToBottom")){
+        self.set("controller.stickToBottom", false);
+        $topPanel.scrollTop($topPanel[0].scrollHeight - $topPanel.height());
+      }
+    });
+  }
+});
+
+App.ApplicationView = Em.View.extend({
+  didInsertElement: function(){
+    var updateTimes = function(){
+      $('.auto-update-time').each(function(){
+        var newTime = moment(
+            parseInt(this.getAttribute('data-timestamp'),10)
+          ).fromNow();
+
+        if(newTime != this.innerText) {
+          this.innerText = newTime;
+        }
+
+      });
+      Em.run.later(updateTimes, 10000);
+    };
+
+    Em.run.later(updateTimes, 10000);
+  }
+});
+
+Handlebars.registerHelper('timeAgo', function(prop, options){
+  var timestamp = Ember.Handlebars.get(this, prop, options);
+  var parsed = moment(timestamp);
+  var formatted = "<span data-timestamp='" + timestamp + "' class='auto-update-time' title='" + parsed.format() +  "'>" + parsed.fromNow() + "</span>";
+
+  return new Handlebars.SafeString(formatted);
+});