log_inspector 0.0.1 → 0.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f6e652eb0a6735c43d311d50b803c5a9390851f8
-  data.tar.gz: d7e7a9b1f1a208d16093b3e53116b57409de7ea1
+  metadata.gz: c96a745595e8031c493b24b098041635f7b48085
+  data.tar.gz: 0404e4a74f8f8112c769b1482a4918ec8dfbf52d
 SHA512:
-  metadata.gz: 9562da8658e57b3876b91ee50618009e181da951e20897a976b3f19754311cd33832d1654133964f48b63e537f22b55143538490c9c30a18c2e4807f7faf6f2a
-  data.tar.gz: b08a14b31e6dcdef800ae250804a311aa9d7577784349f4c5cf0d2e6cdcf32d6fb1f257e7427b201a5eff2a2ab2cd6201c6995b3c61cb44d0fa997ad3484ba3e
+  metadata.gz: 80d0b510b2ca650461374e3ce542151606abf10ea1ed0540267ba68689dbd33c672514c5b1bf73705732eb6e9bdf45db1d6aedd9116eae0b0fc825938efb08e8
+  data.tar.gz: 04e6d1a2de13122a1ba03ce5db6272721adc49bd0fd296101390dacd1ae0235efad03750d4588cae57144a740b0a3bd959b1d6f4c0849f019e162dea75b6cb55

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

@@ -10,4 +10,5 @@
 // Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
 // about supported directives.
 //
+//= require log_inspector/folder-tree
 //= require log_inspector/log_inspector

data/app/assets/javascripts/log_inspector/folder-tree.js

@@ -0,0 +1,59 @@
+// https://github.com/seanhuber/folder-tree
+(function($) {
+  $.widget( 'sh.folderTree', {
+    options: {
+      root: 'root_folder',
+      contents_url: 'folder contents url',
+      file_click: function(event, data) {}
+    },
+
+    _addClickHandler: function() {
+      var that = this;
+      that.element.on('click', '.basename', function(event) {
+        var $li = $(this).parent();
+        if ($li.hasClass('file')) {
+          that.element.find('li.selected').removeClass('selected');
+          $li.addClass('selected');
+          that._trigger('file_click', event, {path: $li.data('path')});
+        } else if ($li.hasClass('folder')) {
+          $li.toggleClass('expanded');
+          if ($li.hasClass('expanded') && $li.children('ul').hasClass('loading'))
+            that._refreshFolder($li.data('path'));
+        }
+      });
+    },
+
+    _branchLi: function(path, isFile) {
+      var arr = path.split('/');
+      if (isFile) return "<li class='file' data-path='"+path+"'><span class='basename'>"+arr[arr.length-1]+'</span></li>';
+      return "<li class='folder' data-path='"+path+"'><span class='basename'>"+arr[arr.length-1]+"</span><ul class='loading'><li>Loading...</li></ul></li>";
+    },
+
+    _create: function() {
+      var $root_li = $(this._branchLi(this.options.root, false));
+      $root_li.addClass('expanded');
+      $("<ul class='folder-list'>"+$root_li.clone().wrap('<div>').parent().html()+'</ul>').appendTo(this.element);
+      this._refreshFolder(this.options.root);
+      this._addClickHandler();
+    },
+
+    _refreshFolder: function(path) {
+      var that = this;
+      $.get(that.options.contents_url, $.param({path: path}), function(data) {
+        that._updateFolderContents(path, data);
+      });
+    },
+
+    _updateFolderContents: function(path, f_contents) {
+      var that = this;
+      var $ul = that.element.find("li[data-path='"+path+"'] > ul");
+      var html = '';
+      $.each( {folders: false, files: true}, function(k,v) {
+        if (f_contents.hasOwnProperty(k)) html += $.map(f_contents[k].sort(), function(name){ return that._branchLi(path+'/'+name, v); }).join('');
+      });
+      if (html == '') html = "<li class='no-contents'>No contents.</li>";
+      $ul.removeClass('loading');
+      $ul.html(html);
+    }
+  });
+})(jQuery);

data/app/assets/javascripts/log_inspector/log_inspector.js

@@ -1,47 +1,57 @@
-
-function intializeLogInspector( dir_contents_url, file_contents_url, root_dir ) {
-  $(window).resize(function() {
-    $('.panel').height($(window).height() - $('.panel').position().top - 10); // 10px padding
-  });
-
-  $('body').css({ 'overflow-y': 'hidden' });
-  $(window).trigger('resize');
-
-  $.get(dir_contents_url, $.param({path: root_dir}));
-
-  $('.folder-list').on('click', 'li', function() {
-    $('.folder-list li').removeClass('selected');
-    $(this).addClass('selected');
-
-    if ( $(this).hasClass('file') ) {
-      getFileContents( $(this).data('full-path') );
-    }
-    return false;
-  });
-
-  function getFileContents( filepath ) {
-    $('.file-contents').addClass('throbbing');
-    $.get(file_contents_url, $.param({filepath: filepath}));
-  }
-
-  $('.folder-list').on('click', 'li.directory > .chevron', function() {
-    if ( $(this).hasClass('glyphicon-chevron-right') ) {
-      $(this).switchClass( 'glyphicon-chevron-right', 'glyphicon-chevron-down' );
-      var sub_list = $(this).siblings('ul');
-      sub_list.show();
-      if ( sub_list.hasClass('loading') ) {
-        $.get(dir_contents_url, $.param({path: $(this).parent().attr('data-full-path')}));
-      }
-    } else if ( $(this).hasClass('glyphicon-chevron-down') ) {
-      $(this).switchClass('glyphicon-chevron-down', 'glyphicon-chevron-right');
-      $(this).siblings('ul').hide();
-    }
-    return false;
-  });
-
-  $('.sh-log-panel.right').on('click', '.display-all-lines', function() {
-    $('.file-contents').addClass('throbbing');
-    $.get( $(this).attr('href') );
-    return false;
+(function($) {
+  $.widget( 'sh.logInspector', {
+    options: {
+      file_url:   '', // file api url
+      folder_url: ''  // folder api url
+    },
+
+    _addPanels: function() {
+      $('html').addClass('log-inspector-page');
+      $("<div class='tree-pane'><div class='clearfix'></div><div class='ui-resizable-e ui-resizable-handle'></div></div><div class='file-pane'></div>").appendTo(this.element);
+      $('.tree-pane').resizable({
+        handles: { e: '.tree-pane > .ui-resizable-handle' },
+        create: function( event, ui ) {
+          $('.ui-resizable-e').css('cursor','ew-resize');
+        }
+      });
+    },
+
+    _create: function() {
+      this._addPanels();
+      this._initializeFolderTree();
+    },
+
+    _fileClick: function(path, all_lines) {
+      var that = this;
+      $.get(that.options.file_url, $.param({path: path, all_lines: all_lines}), function(data) {
+        var $pane = that.element.find('.file-pane');
+        $pane.empty();
+
+        $("<div class='file-details'>"+$.map({'File': 'basename', 'Size': 'size', 'Lines': 'lines'}, function( data_key,label ) {
+          return "<p class='"+data_key+"'><label>"+label+':</label><span>'+data[data_key]+'</span></p>';
+        }).join('')+'</div>').appendTo($pane);
+
+        if (data.truncated) {
+          var $truncated = $("<div class='truncated'><p>Displaying last 500 lines of "+data.basename+".</p><a href='#'>Show all lines</a> <span class='disp-all-caption'>(This may respond slowly)</span></div>").appendTo($pane);
+          $truncated.find('a').click( function() { that._fileClick(path, true); });
+        }
+
+        if (data.lines == '0') {
+          $("<div><hr/><div class='no-contents'>No contents.</pre></div>").appendTo($pane);
+        } else {
+          $('<div><hr/><pre>'+data.contents+'</pre></div>').appendTo($pane);
+        }
+      });
+    },
+
+    _initializeFolderTree: function() {
+      var $tree = $("<div class='folder-tree'></div>").prependTo(this.element.find('.tree-pane'));
+      var that = this;
+      $tree.folderTree({
+        root: 'log',
+        contents_url: that.options.folder_url,
+        file_click: function(event, data) { that._fileClick(data.path, false); }
+      });
+    },
   });
-}
+})(jQuery);

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

@@ -10,5 +10,6 @@
  * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
  * file per style scope.
  *
- *= require log_inspector/log_inspector
+ *= require log_inspector/folder-tree
+ *= require log_inspector/log-inspector
  */

data/app/assets/stylesheets/log_inspector/folder-tree.css

@@ -0,0 +1,75 @@
+.folder-list {
+  padding: 10px;
+  margin: 10px;
+  background-color: white;
+  border-radius: 5px;
+  display: inline-block;
+  text-align: left;
+}
+
+.folder-list ul {
+  padding-left: 20px;
+}
+
+.folder-list .folder:not(.expanded) > ul {
+  display: none;
+}
+
+.folder-list li {
+  list-style-type: none;
+  margin: 1px 0;
+  word-break: break-all;
+  cursor: pointer;
+}
+
+.folder-list .basename:hover {
+  text-decoration: underline;
+}
+
+.folder-list .loading > li {
+  color: gray;
+}
+
+.folder-list li:before {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  color: #1a8dc7; /* light blue */
+  margin-right: 3px;
+}
+
+.folder-list li.folder:not(.expanded):before {
+  content: "\e117"; /* glyphicon-folder-close */
+}
+
+.folder-list li.folder.expanded:before {
+  content: "\e118"; /* glyphicon-folder-open */
+  margin-right: 5px;
+}
+
+.folder-list li.file:before {
+  content: "\e022"; /* glyphicon-file */
+  color: #cecece; /* light gray */
+}
+
+.folder-list li.no-contents,
+.folder-list ul.loading > li {
+  color: gray;
+  font-size: 12px;
+  font-style: italic;
+}
+
+.folder-list li > .basename {
+  border-radius: 3px;
+  padding: 1px 3px;
+}
+
+.folder-list li.file.selected > .basename {
+  color: white;
+  background-color: #1a8dc7;
+}

data/app/assets/stylesheets/log_inspector/log-inspector.css

@@ -0,0 +1,92 @@
+html.log-inspector-page,
+html.log-inspector-page > body,
+.log-inspector,
+.log-inspector > .tree-pane,
+.log-inspector > .file-pane {
+  height: 100%;
+}
+
+html.log-inspector-page > body {
+  width: 100%;
+  padding: 0;
+  margin: 0;
+}
+
+.log-inspector > .tree-pane {
+  width: 300px;
+  float: left;
+}
+
+.log-inspector > .tree-pane > .ui-resizable-handle {
+  background-color: lightgray;
+  right: 0;
+  opacity: 0.5;
+}
+
+.log-inspector > .tree-pane > .ui-resizable-handle:hover {
+  opacity: 1.0;
+}
+
+.log-inspector > .file-pane {
+  overflow-y: auto;
+  padding: 10px;
+  text-align: center;
+}
+
+.log-inspector > .file-pane > div {
+  text-align: left;
+}
+
+.log-inspector > .file-pane > .file-details,
+.log-inspector > .file-pane > div:not(.file-details) > p {
+  display: inline-block;
+}
+
+.log-inspector > .file-pane > .file-details {
+  margin-bottom: 10px;
+}
+
+.log-inspector > .file-pane > div > p {
+  margin: 0;
+  line-height: 14px;
+}
+
+.log-inspector > .file-pane hr {
+  margin: 5px 0px;
+}
+
+.log-inspector > .file-pane > div.truncated > a {
+  margin-left: 5px;
+}
+
+.log-inspector > .file-pane > div.truncated > span {
+  font-size: 11px;
+}
+
+.log-inspector > .file-pane > .file-details > p > label {
+  font-size: 12px;
+  min-width: 40px;
+  font-weight: normal;
+}
+
+.log-inspector > .file-pane > .file-details > p.basename > span {
+  font-weight: bold;
+}
+
+.log-inspector > .file-pane pre {
+  font-size: 10px;
+  background-color: white;
+  padding: 10px 5px;
+  border: none;
+  white-space: pre-wrap;       /* css-3 */
+  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
+  white-space: -pre-wrap;      /* Opera 4-6 */
+  white-space: -o-pre-wrap;    /* Opera 7 */
+  word-wrap: break-word;       /* Internet Explorer 5.5+ */
+}
+
+.log-inspector > .file-pane .no-contents {
+  color: #b33030;
+  text-align: center;
+  padding-top: 100px;
+}

data/app/controllers/log_inspector/log_controller.rb

@@ -0,0 +1,44 @@
+module LogInspector
+  class LogController < ApplicationController
+    include ActionView::Helpers::NumberHelper
+
+    def file_api
+      path = ensure_path :file?
+
+      resp_h = {
+        basename: File.basename(path),
+        lines:    `wc -l "#{path}"`.split.first.to_i,
+        path:     path,
+        size:     number_to_human_size(File.size(path))
+      }
+      resp_h[:truncated] = resp_h[:lines] > 500 && params[:all_lines] != 'true'
+      resp_h[:lines] = number_with_delimiter resp_h[:lines]
+      resp_h[:contents] = resp_h[:truncated] ? `tail -n 500 "#{path}"` : File.read(path)
+
+      render json: resp_h
+    end
+
+    def folder_api
+      resp_h = {folders: [], files: []}
+      Dir.glob( "#{ensure_path(:directory?).gsub(/[\\\{\}\[\]\*\?]/){|x| "\\"+x}}/*" ) do |sub_path|
+        resp_h[ File.directory?(sub_path) ? :folders : :files ] << File.basename(sub_path)
+      end
+      render json: resp_h
+    end
+
+    def index
+      render 'log_inspector/index'
+    end
+
+    private
+
+    def ensure_path file_method
+      path = params.require(:path).split '/'
+      raise ArgumentError, "Expected path to start with 'log/' but received: #{path.join('/')}" unless path[0] == 'log'
+      path[0] = Rails.root.join 'log'
+      path = path.join '/'
+      raise ArgumentError, "Bad path: #{path}" unless File.send file_method, path
+      path
+    end
+  end
+end

data/app/views/layouts/log_inspector/application.html.erb

@@ -2,9 +2,11 @@
 <html>
 <head>
   <title>LogInspector</title>
-  <script   src='https://code.jquery.com/jquery-2.2.4.min.js'   integrity='sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44='   crossorigin='anonymous'></script>
+  <script src='https://code.jquery.com/jquery-2.2.4.min.js' integrity='sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=' crossorigin='anonymous'></script>
 
-  <script   src='https://code.jquery.com/ui/1.11.4/jquery-ui.min.js'   integrity='sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw='   crossorigin='anonymous'></script>
+  <script src='https://code.jquery.com/ui/1.11.4/jquery-ui.min.js' integrity='sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=' crossorigin='anonymous'></script>
+
+  <link rel='stylesheet' href='https://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css' crossorigin='anonymous'>
 
   <!-- Latest compiled and minified CSS -->
   <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css' integrity='sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7' crossorigin='anonymous'>
@@ -14,7 +16,7 @@
 
   <!-- Latest compiled and minified JavaScript -->
   <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js' integrity='sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS' crossorigin='anonymous'></script>
-  
+
   <%= stylesheet_link_tag    'log_inspector/application', media: 'all' %>
   <%= javascript_include_tag 'log_inspector/application' %>
   <%= csrf_meta_tags %>

data/app/views/log_inspector/index.html.erb

@@ -0,0 +1,8 @@
+<div class='log-inspector'></div>
+
+<script>
+  $('.log-inspector').logInspector({
+    file_url:   '<%= file_path %>',
+    folder_url: '<%= folder_path %>'
+  });
+</script>

data/config/routes.rb

@@ -1,5 +1,5 @@
 LogInspector::Engine.routes.draw do
-  root 'logs#index'
-  get 'logs/dir_contents'  => 'logs#dir_contents'
-  get 'logs/file_contents' => 'logs#file_contents'
+  root 'log#index'
+  get 'file' => 'log#file_api'
+  get 'folder' => 'log#folder_api'
 end