browserlog 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    OTBhNjE4YWQyMjI2MzMyOGVkMmRjYjNhMmRhMjFkYjRmZmNmOGYwNw==
+  data.tar.gz: !binary |-
+    ZjhhYTJhMzlhNzI2YjhiMmNhZGU0YzllMDczYWRiMDYyYzI5ZDE4Nw==
+SHA512:
+  metadata.gz: !binary |-
+    Yjc0YzU1ZDFkZDU5YjY4MjUzYjQ3MTMwZDE3MTE3MmIxZWRkMGIyNmYyOWIw
+    N2NlZTlmYTAxZmYwOWFlYTJmNjJlMTU2NDYyYjdjMjIxYThjYWVjZTc4YzZh
+    YTAyYmRiOGQ0OWRmMDFkN2FkMTU4YTBkZjlhNWU2YzQzMzM2OTA=
+  data.tar.gz: !binary |-
+    N2Q2MmI1NDU5Y2IzYTNlNjU4N2NiZmFjMDVmMTNjN2Q4ZDFlY2UyNjllNTJh
+    ZjE0MzIwZTQ5MzA1ZjdiMDU5OWQ2YWIxOTIyY2M5MTRlNjkwZDU1YzVlYjZk
+    OWExZGIwNjBiYjgzMjI5OWNmM2IzZGU1MWFkYzYyZWZhN2ZjNTg=

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2014 Andre Dieb Martins <andre.dieb@gmail.com>
+
+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/Rakefile

@@ -0,0 +1,30 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+APP_RAKEFILE = File.expand_path('../spec/dummy/Rakefile', __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+
+begin
+  require 'rubocop/rake_task'
+  Rubocop::RakeTask.new
+rescue LoadError
+  desc 'Run RuboCop'
+  task :rubocop do
+    $stderr.puts 'Rubocop is disabled'
+  end
+end
+
+desc 'Run all specs in spec directory (excluding plugin specs)'
+RSpec::Core::RakeTask.new(spec: 'app:db:test:prepare') do |spec|
+  spec.pattern = 'spec/**/*_spec.rb'
+end
+
+task default: [:spec, :rubocop]

data/app/assets/javascripts/browserlog/application.js

@@ -0,0 +1,14 @@
+// This is a manifest file that'll be compiled into application.js, which will include all the files
+// listed below.
+//
+// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
+// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
+//
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// compiled file.
+//
+// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
+// about supported directives.
+//
+//= require jquery
+//= require_tree .

data/app/assets/javascripts/browserlog/logs.js.coffee

@@ -0,0 +1,94 @@
+class ThemeSwitcherView
+  constructor: ->
+    @body = $('body')
+    $(document).on('change', '.theme-switch', @switchTheme)
+    @loadTheme()
+
+  switchTheme: (e) =>
+    localStorage.setItem('browserlog-theme', e.target.value)
+    @loadTheme()
+
+  loadTheme: ->
+    $('.theme-switch').val(@getCurrentTheme())
+    @body.attr('data-theme', @getCurrentTheme())
+
+  getCurrentTheme: ->
+    localStorage.getItem('browserlog-theme') || 'dark'
+
+class LogView
+
+  constructor: ->
+    @lines = $('#lines')
+    @body = $('body')
+    @resumeButton = $('.resume-scroll-btn')
+    @autoScroll = true
+    @attachEvents()
+
+  attachEvents: ->
+    window.onscroll = @disableAutoScroll
+    @body.on('click', '.resume-scroll-btn', @enableAutoScroll)
+
+  update: (lines) ->
+    @appendLines(lines)
+    @updateScroll() if @autoScroll
+
+  appendLines: (lines) ->
+    linesString = ''
+    linesString += "<li>#{line}</li>" for line in lines
+    @lines.append(linesString)
+
+  disableAutoScroll: (e) =>
+    if (e.timeStamp > @timestamp) and @hasScroll() and @body.scrollTop() > 0
+      @autoScroll = false
+      @resumeButton.removeClass('hidden')
+
+  enableAutoScroll: =>
+    @autoScroll = true
+    @resumeButton.addClass('hidden')
+    @updateScroll()
+
+  updateScroll: ->
+    @body.scrollTop(@body.prop('scrollHeight'))
+    @timestamp = (new Date()).getTime()
+
+  hasScroll: ->
+    @body.height() == @body.prop('scrollHeight')
+
+
+class LogFeed
+  POLL_PERIOD: 1500
+
+  constructor: (listener) ->
+    @listener = listener
+    @currentLine = -1
+
+  getLines: =>
+    $.get(window.location.href + '/changes.json', {currentLine: @currentLine})
+    .done(@getLinesSuccess)
+    .fail(@getLinesError)
+    .always(@getLinesComplete)
+
+  getLinesSuccess: (data, status, xhr) =>
+    @listener.update(data.lines)
+    @currentLine = data.last_line_number
+
+  getLinesError: (data, status, err) =>
+    console.log "Error fetching logs"
+    # TODO
+
+  getLinesComplete: (xhr, status) =>
+    @reschedule()
+
+  start: ->
+    setTimeout @getLines, 0
+
+  reschedule: ->
+    setTimeout @getLines, @POLL_PERIOD
+
+$ ->
+  logfeed = new LogFeed(new LogView)
+  logfeed.start()
+
+  new ThemeSwitcherView
+
+  console.log "Started fetching logs"

data/app/assets/stylesheets/browserlog/application.css

@@ -0,0 +1,15 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any styles
+ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
+ * file per style scope.
+ *
+ *= require_tree .
+ *= require_self
+ */

data/app/assets/stylesheets/browserlog/dark-theme.css.scss

@@ -0,0 +1,100 @@
+$cyan: #66D9EF;
+$purple: #AE81FF;
+$yellow: #E6DB74;
+$green: #A6E22E;
+$magenta-like: #F92672;
+
+$default: #fff;
+$background: #272822;
+
+$method: $purple;
+$path: $yellow;
+$ip: $default;
+$date: $default;
+
+$controller: $magenta-like;
+$action: $yellow;
+$format: $purple;
+
+$template-name: $yellow;
+$layout-name: $purple;
+$rendering-time: $cyan;
+
+$model-load: $magenta-like;
+$sql-query: $default;
+
+$total-time: $cyan;
+$status-success: $green;
+$status-failure: red;
+
+[data-theme='dark'] {
+  color: $default;
+  background-color: $background;
+
+  // request
+  .method {
+    color: $method;
+  }
+
+  .path {
+    color: $path;
+  }
+
+  .ip {
+    color: $ip;
+  }
+
+  .date {
+    color: $date;
+  }
+
+  // controller
+  .controller {
+    color: $controller;
+  }
+
+  .action {
+    color: $action;
+  }
+
+  .format {
+    color: $format;
+  }
+
+  // render
+  .template-name {
+    color: $template-name;
+  }
+
+  .layout-name {
+    color: $layout-name;
+  }
+
+  .rendering-time {
+    color: $rendering-time;
+  }
+
+  // load/sql
+  .model-load {
+    color: $model-load;
+  }
+
+  .sql-query {
+    color: $sql-query;
+  }
+
+  // complete
+  .total-time {
+    color: $total-time;
+  }
+
+  .status {
+    &.success {
+      color: $status-success;
+    }
+
+    &.error {
+      color: $status-failure;
+    }
+  }
+}

data/app/assets/stylesheets/browserlog/light-theme.css.scss

@@ -0,0 +1,99 @@
+$blue: #4687b8;
+$purple: #606aa1;
+$green: #48b685;
+$orange: #da564a;
+
+$default: #585856;
+$background: #fff;
+
+$method: $purple;
+$path: $blue;
+$ip: $default;
+$date: $default;
+
+$controller: $orange;
+$action: $orange;
+$format: $purple;
+
+$template-name: $orange;
+$layout-name: $purple;
+$rendering-time: $blue;
+
+$model-load: $orange;
+$sql-query: $default;
+
+$total-time: $blue;
+$status-success: $green;
+$status-failure: red;
+
+[data-theme='light'] {
+  color: $default;
+  background-color: $background;
+
+  // request
+  .method {
+    color: $method;
+  }
+
+  .path {
+    color: $path;
+  }
+
+  .ip {
+    color: $ip;
+  }
+
+  .date {
+    color: $date;
+  }
+
+  // controller
+  .controller {
+    color: $controller;
+  }
+
+  .action {
+    color: $action;
+  }
+
+  .format {
+    color: $format;
+  }
+
+  // render
+  .template-name {
+    color: $template-name;
+  }
+
+  .layout-name {
+    color: $layout-name;
+  }
+
+  .rendering-time {
+    color: $rendering-time;
+  }
+
+  // load/sql
+  .model-load {
+    color: $model-load;
+  }
+
+  .sql-query {
+    color: $sql-query;
+  }
+
+  // complete
+  .total-time {
+    color: $total-time;
+  }
+
+  .status {
+    &.success {
+      color: $status-success;
+    }
+
+    &.error {
+      color: $status-failure;
+    }
+  }
+}

data/app/assets/stylesheets/browserlog/log.css.scss

@@ -0,0 +1,38 @@
+body {
+  margin: 0;
+  position: relative;
+  font: {
+    family: Consolas, Courier New, Courier, monospace;
+    size: 1em;
+  }
+}
+
+#lines {
+  margin: 0;
+  padding: 12px;
+
+  li {
+    margin: 2px 0;
+    list-style: none;
+  }
+}
+
+.resume-scroll-btn {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.theme-switch {
+  position: fixed;
+  top: 20px;
+  right: 20px
+}
+
+.space {
+  width: 20px;
+}

data/app/controllers/browserlog/application_controller.rb

@@ -0,0 +1,4 @@
+module Browserlog
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/browserlog/logs_controller.rb

@@ -0,0 +1,44 @@
+module Browserlog
+  class LogsController < ApplicationController
+    before_filter :check_env
+    before_filter :check_auth
+
+    layout 'browserlog/application'
+
+    def index
+      @filename = "#{params[:env]}.log"
+      @filepath = Rails.root.join("log/#{@filename}")
+    end
+
+    def changes
+      lines, last_line_number = reader.read(offset: params[:currentLine].to_i)
+
+      respond_to do |format|
+        format.json do
+          render json: {
+            lines: lines.map! { |line| colorizer.colorize_line(line) } ,
+            last_line_number: last_line_number
+          }
+        end
+      end
+    end
+
+    private
+
+    def reader
+      Browserlog::LogReader.new
+    end
+
+    def colorizer
+      Browserlog::LogColorize.new
+    end
+
+    def check_env
+      fail unless %w(test development production).include?(params[:env])
+    end
+
+    def check_auth
+      fail 'Logs not allowed on production environment.' if Rails.env.production? && !Browserlog.config.allow_production_logs
+    end
+  end
+end