rack-bug 0.2.1

data/lib/rack/bug/public/__rack_bug__/jquery.tablesorter.min.js

@@ -0,0 +1 @@
+(function($){$.extend({tablesorter:new function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'.',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}var rows=table.tBodies[0].rows;if(table.tBodies[0].rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i<l;i++){var p=false;if($.metadata&&($($headers[i]).metadata()&&$($headers[i]).metadata().sorter)){p=getParserById($($headers[i]).metadata().sorter);}else if((table.config.headers[i]&&table.config.headers[i].sorter)){p=getParserById(table.config.headers[i].sorter);}if(!p){p=detectParserForColumn(table,cells[i]);}if(table.config.debug){parsersDebug+="column:"+i+" parser:"+p.id+"\n";}list.push(p);}}if(table.config.debug){log(parsersDebug);}return list;};function detectParserForColumn(table,node){var l=parsers.length;for(var i=1;i<l;i++){if(parsers[i].is($.trim(getElementText(table.config,node)),table,node)){return parsers[i];}}return parsers[0];}function getParserById(name){var l=parsers.length;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==name.toLowerCase()){return parsers[i];}}return false;}function buildCache(table){if(table.config.debug){var cacheTime=new Date();}var totalRows=(table.tBodies[0]&&table.tBodies[0].rows.length)||0,totalCells=(table.tBodies[0].rows[0]&&table.tBodies[0].rows[0].cells.length)||0,parsers=table.config.parsers,cache={row:[],normalized:[]};for(var i=0;i<totalRows;++i){var c=table.tBodies[0].rows[i],cols=[];cache.row.push($(c));for(var j=0;j<totalCells;++j){cols.push(parsers[j].format(getElementText(table.config,c.cells[j]),table,c.cells[j]));}cols.push(i);cache.normalized.push(cols);cols=null;};if(table.config.debug){benchmark("Building cache for "+totalRows+" rows:",cacheTime);}return cache;};function getElementText(config,node){if(!node)return"";var t="";if(config.textExtraction=="simple"){if(node.childNodes[0]&&node.childNodes[0].hasChildNodes()){t=node.childNodes[0].innerHTML;}else{t=node.innerHTML;}}else{if(typeof(config.textExtraction)=="function"){t=config.textExtraction(node);}else{t=$(node).text();}}return t;}function appendToTable(table,cache){if(table.config.debug){var appendTime=new Date()}var c=cache,r=c.row,n=c.normalized,totalRows=n.length,checkCell=(n[0].length-1),tableBody=$(table.tBodies[0]),rows=[];for(var i=0;i<totalRows;i++){rows.push(r[n[i][checkCell]]);if(!table.config.appender){var o=r[n[i][checkCell]];var l=o.length;for(var j=0;j<l;j++){tableBody[0].appendChild(o[j]);}}}if(table.config.appender){table.config.appender(table,rows);}rows=null;if(table.config.debug){benchmark("Rebuilt table:",appendTime);}applyWidget(table);setTimeout(function(){$(table).trigger("sortEnd");},0);};function buildHeaders(table){if(table.config.debug){var time=new Date();}var meta=($.metadata)?true:false,tableHeadersRows=[];for(var i=0;i<table.tHead.rows.length;i++){tableHeadersRows[i]=0;};$tableHeaders=$("thead th",table);$tableHeaders.each(function(index){this.count=0;this.column=index;this.order=formatSortingOrder(table.config.sortInitialOrder);if(checkHeaderMetadata(this)||checkHeaderOptions(table,index))this.sortDisabled=true;if(!this.sortDisabled){$(this).addClass(table.config.cssHeader);}table.config.headerList[index]=this;});if(table.config.debug){benchmark("Built headers:",time);log($tableHeaders);}return $tableHeaders;};function checkCellColSpan(table,rows,row){var arr=[],r=table.tHead.rows,c=r[row].cells;for(var i=0;i<c.length;i++){var cell=c[i];if(cell.colSpan>1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i<l;i++){getWidgetById(c[i]).format(table);}}function getWidgetById(name){var l=widgets.length;for(var i=0;i<l;i++){if(widgets[i].id.toLowerCase()==name.toLowerCase()){return widgets[i];}}};function formatSortingOrder(v){if(typeof(v)!="Number"){i=(v.toLowerCase()=="desc")?1:0;}else{i=(v==(0||1))?v:0;}return i;}function isValueInArray(v,a){var l=a.length;for(var i=0;i<l;i++){if(a[i][0]==v){return true;}}return false;}function setHeadersCss(table,$headers,list,css){$headers.removeClass(css[0]).removeClass(css[1]);var h=[];$headers.each(function(offset){if(!this.sortDisabled){h[this.column]=$(this);}});var l=list.length;for(var i=0;i<l;i++){h[list[i][0]].addClass(css[list[i][1]]);}}function fixColumnWidth(table,$headers){var c=table.config;if(c.widthFixed){var colgroup=$('<colgroup>');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('<col>').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i<l;i++){var s=sortList[i],o=c.headerList[s[0]];o.count=s[1];o.count++;}}function multisort(table,sortList,cache){if(table.config.debug){var sortTime=new Date();}var dynamicExp="var sortWrapper = function(a,b) {",l=sortList.length;for(var i=0;i<l;i++){var c=sortList[i][0];var order=sortList[i][1];var s=(getCachedSortType(table.config.parsers,c)=="text")?((order==0)?"sortText":"sortTextDesc"):((order==0)?"sortNumeric":"sortNumericDesc");var e="e"+i;dynamicExp+="var "+e+" = "+s+"(a["+c+"],b["+c+"]); ";dynamicExp+="if("+e+") { return "+e+"; } ";dynamicExp+="else { ";}var orgOrderCol=cache.normalized[0].length-1;dynamicExp+="return a["+orgOrderCol+"]-b["+orgOrderCol+"];";for(var i=0;i<l;i++){dynamicExp+="}; ";}dynamicExp+="return 0; ";dynamicExp+="}; ";eval(dynamicExp);cache.normalized.sort(sortWrapper);if(table.config.debug){benchmark("Sorting on "+sortList.toString()+" and dir "+order+" time:",sortTime);}return cache;};function sortText(a,b){return((a<b)?-1:((a>b)?1:0));};function sortTextDesc(a,b){return((b<a)?-1:((b>a)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){$this.trigger("sortStart");var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){var $cell=$(this);var i=this.column;this.order=this.count++%2;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j<a.length;j++){if(a[j][0]!=i){config.sortList.push(a[j]);}}}config.sortList.push([i,this.order]);}else{if(isValueInArray(i,config.sortList)){for(var j=0;j<config.sortList.length;j++){var s=config.sortList[j],o=config.headerList[s[0]];if(s[0]==i){o.count=s[1];o.count++;s[1]=o.count%2;}}}else{config.sortList.push([i,this.order]);}};setTimeout(function(){setHeadersCss($this[0],$headers,config.sortList,sortCSS);appendToTable($this[0],multisort($this[0],config.sortList,cache));},1);return false;}}).mousedown(function(){if(config.cancelSelection){this.onselectstart=function(){return false};return false;}});$this.bind("update",function(){this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);}).bind("sorton",function(e,list){$(this).trigger("sortStart");config.sortList=list;var sortList=config.sortList;updateHeaderSortCount(this,sortList);setHeadersCss(this,$headers,sortList,sortCSS);appendToTable(this,multisort(this,sortList,cache));}).bind("appendCache",function(){appendToTable(this,cache);}).bind("applyWidgetId",function(e,id){getWidgetById(id).format(this);}).bind("applyWidgets",function(){applyWidget(this);});if($.metadata&&($(this).metadata()&&$(this).metadata().sortlist)){config.sortList=$(this).metadata().sortlist;}if(config.sortList.length>0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==parser.id.toLowerCase()){a=false;}}if(a){parsers.push(parser);};};this.addWidget=function(widget){widgets.push(widget);};this.formatFloat=function(s){var i=parseFloat(s);return(isNaN(i))?0:i;};this.formatInt=function(s){var i=parseInt(s);return(isNaN(i))?0:i;};this.isDigit=function(s,config){var DECIMAL='\\'+config.decimal;var exp='/(^[+]?0('+DECIMAL+'0+)?$)|(^([-+]?[1-9][0-9]*)$)|(^([-+]?((0?|[1-9][0-9]*)'+DECIMAL+'(0*[1-9][0-9]*)))$)|(^[-+]?[1-9]+[0-9]*'+DECIMAL+'0+$)/';return RegExp(exp).test($.trim(s));};this.clearTableBody=function(table){if($.browser.msie){function empty(){while(this.firstChild)this.removeChild(this.firstChild);}empty.apply(table.tBodies[0]);}else{table.tBodies[0].innerHTML="";}};}});$.fn.extend({tablesorter:$.tablesorter.construct});var ts=$.tablesorter;ts.addParser({id:"text",is:function(s){return true;},format:function(s){return $.trim(s.toLowerCase());},type:"text"});ts.addParser({id:"digit",is:function(s,table){var c=table.config;return $.tablesorter.isDigit(s,c);},format:function(s){return $.tablesorter.formatFloat(s);},type:"numeric"});ts.addParser({id:"currency",is:function(s){return/^[£$€?.]/.test(s);},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/[^0-9.]/g),""));},type:"numeric"});ts.addParser({id:"ipAddress",is:function(s){return/^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/.test(s);},format:function(s){var a=s.split("."),r="",l=a.length;for(var i=0;i<l;i++){var item=a[i];if(item.length==2){r+="0"+item;}else{r+=item;}}return $.tablesorter.formatFloat(r);},type:"numeric"});ts.addParser({id:"url",is:function(s){return/^(https?|ftp|file):\/\/$/.test(s);},format:function(s){return jQuery.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//),''));},type:"text"});ts.addParser({id:"isoDate",is:function(s){return/^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(s);},format:function(s){return $.tablesorter.formatFloat((s!="")?new Date(s.replace(new RegExp(/-/g),"/")).getTime():"0");},type:"numeric"});ts.addParser({id:"percent",is:function(s){return/\%$/.test($.trim(s));},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g),""));},type:"numeric"});ts.addParser({id:"usLongDate",is:function(s){return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));},format:function(s){return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"shortDate",is:function(s){return/\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);},format:function(s,table){var c=table.config;s=s.replace(/\-/g,"/");if(c.dateFormat=="us"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$1/$2");}else if(c.dateFormat=="uk"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$2/$1");}else if(c.dateFormat=="dd/mm/yy"||c.dateFormat=="dd-mm-yy"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/,"$1/$2/$3");}return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"time",is:function(s){return/^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/.test(s);},format:function(s){return $.tablesorter.formatFloat(new Date("2000/01/01 "+s).getTime());},type:"numeric"});ts.addParser({id:"metadata",is:function(s){return false;},format:function(s,table,cell){var c=table.config,p=(!c.parserMetadataName)?'sortValue':c.parserMetadataName;return $(cell).metadata()[p];},type:"numeric"});ts.addWidget({id:"zebra",format:function(table){if(table.config.debug){var time=new Date();}$("tr:visible",table.tBodies[0]).filter(':even').removeClass(table.config.widgetZebra.css[1]).addClass(table.config.widgetZebra.css[0]).end().filter(':odd').removeClass(table.config.widgetZebra.css[0]).addClass(table.config.widgetZebra.css[1]);if(table.config.debug){$.tablesorter.benchmark("Applying Zebra widget",time);}}});})(jQuery);

data/lib/rack/bug/render.rb

@@ -0,0 +1,66 @@
+require "erb"
+
+module Rack
+  module Bug
+    
+    module Render
+      include ERB::Util
+      
+      def signed_params(hash)
+        ParamsSignature.sign(request, hash)
+      end
+      
+      module CompiledTemplates
+      end
+      include CompiledTemplates
+      
+      def render_template(filename, local_assigns = {})
+        compile(filename, local_assigns)
+        render_symbol = method_name(filename, local_assigns)
+        send(render_symbol, local_assigns)
+      end
+      
+      def compile(filename, local_assigns)
+        render_symbol = method_name(filename, local_assigns)
+        
+        if !CompiledTemplates.instance_methods.include?(render_symbol.to_s)
+          compile!(filename, local_assigns)
+        end
+      end
+      
+      def compile!(filename, local_assigns)
+        render_symbol = method_name(filename, local_assigns) 
+        locals_code = local_assigns.keys.map { |key| "#{key} = local_assigns[:#{key}];" }.join
+        
+        source = <<-end_src
+          def #{render_symbol}(local_assigns)
+            #{locals_code}
+            #{compiled_source(filename)}
+          end
+        end_src
+        
+        CompiledTemplates.module_eval(source, filename, 0)
+      end
+      
+      def compiled_source(filename)
+        ::ERB.new(::File.read(::File.dirname(__FILE__) + "/../bug/views/#{filename}.html.erb"), nil, "-").src
+      end
+      
+      def method_name(filename, local_assigns)
+        if local_assigns && local_assigns.any?
+          method_name = method_name_without_locals(filename).dup
+          method_name << "_locals_#{local_assigns.keys.map { |k| k.to_s }.sort.join('_')}"
+        else
+          method_name = method_name_without_locals(filename)
+        end
+        method_name.to_sym
+      end
+      
+      def method_name_without_locals(filename)
+        filename.split("/").join("_")
+      end
+      
+    end
+    
+  end
+end

data/lib/rack/bug/toolbar.rb

@@ -0,0 +1,137 @@
+require "ipaddr"
+require "digest"
+
+module Rack
+  module Bug
+    class RackStaticBugAvoider
+      def initialize(app, static_app)
+        @app = app
+        @static_app = static_app
+      end
+      
+      def call(env)
+        if env["PATH_INFO"]
+          @static_app.call(env)
+        else
+          @app.call(env)
+        end
+      end
+    end
+    
+    class Toolbar
+      include Options
+      include Render
+      
+      MIME_TYPES = ["text/html", "application/xhtml+xml"]
+      
+      def initialize(app, options = {})
+        @app = asset_server(app)
+        initialize_options options
+        instance_eval(&block) if block_given?
+      end
+      
+      def asset_server(app)
+        RackStaticBugAvoider.new(app, Rack::Static.new(app, :urls => ["/__rack_bug__"], :root => public_path))
+      end
+      
+      def public_path
+        ::File.expand_path(::File.dirname(__FILE__) + "/../bug/public")
+      end
+      
+      def call(env)
+        env.replace @default_options.merge(env)
+        @env = env
+        @original_request = Request.new(@env)
+
+        if toolbar_requested? && ip_authorized? && password_authorized?
+          dispatch
+        else
+          pass
+        end
+      end
+      
+      def pass
+        @app.call(@env)
+      end
+      
+      def dispatch
+        @env["rack-bug.panels"] = []
+        
+        Rack::Bug.enable
+        status, headers, body = builder.call(@env)
+        Rack::Bug.disable
+        
+        @response = Rack::Response.new(body, status, headers)
+        
+        if @response.redirect? && options["rack-bug.intercept_redirects"]
+          intercept_redirect
+        elsif modify?
+          inject_toolbar
+        end
+        
+        return @response.to_a
+      end
+      
+      def intercept_redirect
+        redirect_to = @response.location
+        new_body = render_template("redirect", :redirect_to => @response.location)
+        new_response = Rack::Response.new(new_body, 200, { "Content-Type" => "text/html" })
+        new_response["Content-Length"] = new_body.size.to_s
+        @response = new_response
+      end
+      
+      def toolbar_requested?
+        @original_request.cookies["rack_bug_enabled"]
+      end
+      
+      def ip_authorized?
+        return true unless options["rack-bug.ip_masks"]
+        
+        options["rack-bug.ip_masks"].any? do |ip_mask|
+          ip_mask.include?(IPAddr.new(@original_request.ip))
+        end
+      end
+      
+      def password_authorized?
+        return true unless options["rack-bug.password"]
+        
+        expected_sha = Digest::SHA1.hexdigest ["rack_bug", options["rack-bug.password"]].join(":")
+        actual_sha = @original_request.cookies["rack_bug_password"]
+        
+        actual_sha == expected_sha
+      end
+      
+      def modify?
+        @response.ok? &&
+        @env["X-Requested-With"] != "XMLHttpRequest" &&
+        MIME_TYPES.include?(@response.content_type.split(";").first)
+      end
+      
+      def builder
+        builder = Rack::Builder.new
+        
+        options["rack-bug.panel_classes"].each do |panel_class|
+          builder.use panel_class
+        end
+        
+        builder.run @app
+        
+        return builder
+      end
+      
+      def inject_toolbar
+        full_body = @response.body.join
+        full_body.sub! /<\/body>/, render + "</body>"
+        
+        @response["Content-Length"] = full_body.size.to_s
+        @response.body = [full_body]
+      end
+      
+      def render
+        render_template("toolbar", :panels => @env["rack-bug.panels"].reverse)
+      end
+      
+    end
+    
+  end
+end

data/lib/rack/bug/views/error.html.erb

@@ -0,0 +1,16 @@
+<script type="text/javascript" charset="utf-8">
+  if (typeof jQuery == 'undefined') {
+    var jquery_url = '/__rack_bug__/jquery-1.3.2.js';
+    document.write(unescape('%3Cscript src="' + jquery_url + '" type="text/javascript"%3E%3C/script%3E'));
+  }
+</script>
+<script type="text/javascript" src="/__rack_bug__/bug.js"></script>
+<style type="text/css" media="screen">
+  @import url(/__rack_bug__/bug.css);
+</style>
+
+<div id="rack_bug" class="rack_bug_error">
+  <div id="rack_bug_toolbar">
+    <p>There was an error within Rack::Bug!</p>
+  </div>
+</div>

data/lib/rack/bug/views/panels/active_record.html.erb

@@ -0,0 +1,17 @@
+<h3>ActiveRecord Objects</h3>
+<table class="sortable">
+  <thead>
+    <tr>
+      <th>Count</th>
+      <th>Class</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% records.each do |class_name, count| %>
+      <tr>
+        <td><%= count %></td>
+        <td><%= class_name %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/lib/rack/bug/views/panels/cache.html.erb

@@ -0,0 +1,93 @@
+<h3>Cache Usage</h3>
+<table id="cache_usage">
+  <colgroup>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+    <col width="12%"/>
+  </colgroup>
+  <tr>
+    <th>Total Calls</th>
+    <td><%= stats.calls %></td>
+    
+    <th>Total Time</th>
+    <td><%= stats.display_time %></td>
+    
+    <th>Hits</th>
+    <td><%= stats.hits %></td>
+    
+    <th>Misses</th>
+    <td><%= stats.misses %></td>
+  </tr>
+  <tr>
+    <th>gets</th>
+    <td><%= stats.gets %></td>
+    
+    <th>sets</th>
+    <td><%= stats.sets %></td>
+    
+    <th>deletes</th>
+    <td><%= stats.deletes %></td>
+    
+    <th>get_multis</th>
+    <td><%= stats.get_multis %></td>
+  </tr>
+</table>
+
+<% if stats.queries.any? %>
+  <h3>Breakdown</h3>
+  <table id="cache_breakdown" class="sortable">
+    <thead>
+      <tr>
+        <th>Time&nbsp;(ms)</th>
+        <th>Type</th>
+        <th>Parameters</th>
+        <th>Function</th>
+        <th>
+          <a href="/__rack_bug__/delete_cache_list?<%= signed_params(stats.queries_to_param) %>" class="rb_delete_cache">
+            Delete All
+          </a>
+        </th>
+      </tr>
+    </thead>
+    <tbody>
+      <% i = 1 %>
+      <% stats.queries.each do |query| %>
+        <tr class="<%= i % 2 == 0 ? "even" : "odd" %>">
+          <td><%= query.display_time %></td>
+          <td><%= query.method %></td>
+          <td><%= query.display_keys %></td>
+          <td></td>
+          <td>
+            <a href="/__rack_bug__/view_cache?<%= signed_params("key" => query.keys.first) %>" class="remote_call">View</a> |
+            <a href="/__rack_bug__/delete_cache?<%= signed_params("key" => query.keys.first) %>" class="rb_delete_cache">Delete</a>
+          </td>
+        </tr>
+        <% i += 1 %>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>
+
+<script type="text/javascript" charset="utf-8">
+  jQuery(function () {
+    jQuery("#rack_bug .rb_delete_cache").click(function (evt) {
+      jQuery.ajax({
+        url: this.href,
+        beforeSend: function() {
+          jQuery(evt.target).parent("td, th").addClass("rack_bug_spinner");
+        },
+        success: function () {
+          jQuery(evt.target).parent("td, th").removeClass("rack_bug_spinner");
+          jQuery(evt.target).replaceWith("Deleted");
+        }
+      });
+
+      return false;
+    });
+  });
+</script>

data/lib/rack/bug/views/panels/execute_sql.html.erb

@@ -0,0 +1,32 @@
+<a class="back" href="">&laquo;&nbsp;Back</a>
+
+<h3>SQL Results</h3>
+
+<dl>
+  <dt>Executed SQL</dt>
+  <dd><pre><%=h query %></pre></dd>
+  
+  <dt>Time</dt>
+  <dd><%=h "%.2f" % (time * 1_000) %>ms</dd>
+</dl>
+
+<table class="sortable">
+  <thead>
+    <tr>
+      <% result.fetch_fields.each do |field| %>
+        <th><%= field.name.upcase %></th>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% i = 1 %>
+    <% result.each do |row| %>
+      <tr class="<%= i % 2 == 0 ? "even" : "odd" %>">
+        <% row.each do |value| %>
+          <td><%= value %></td>
+        <% end %>
+      </tr>
+      <% i += 1 %>
+    <% end %>
+  </tbody>
+</table>

data/lib/rack/bug/views/panels/explain_sql.html.erb

@@ -0,0 +1,32 @@
+<a class="back" href="">&laquo;&nbsp;Back</a>
+
+<h3>SQL Explained</h3>
+
+<dl>
+  <dt>Executed SQL</dt>
+  <dd><pre><%=h query %></pre></dd>
+  
+  <dt>Time</dt>
+  <dd><%=h "%.2f" % (time * 1_000) %>ms</dd>
+</dl>
+
+<table class="sortable">
+  <thead>
+    <tr>
+      <% result.fetch_fields.each do |field| %>
+        <th><%= field.name.upcase %></th>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% i = 1 %>
+    <% result.each do |row| %>
+      <tr class="<%= i % 2 == 0 ? "even" : "odd" %>">
+        <% row.each do |value| %>
+          <td><%= value %></td>
+        <% end %>
+      </tr>
+      <% i += 1 %>
+    <% end %>
+  </tbody>
+</table>

data/lib/rack/bug/views/panels/log.html.erb

@@ -0,0 +1,23 @@
+<h3>Log Messages</h3>
+<table>
+  <thead>
+    <tr>
+      <th>Level</th>
+      <th>Time</th>
+      <th>Message</th>
+      <th>Location</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% i = 1 %>
+    <% logs.each do |log| %>
+      <tr class="<%= i % 2 == 0 ? "even" : "odd" %>">
+        <td></td>
+        <td></td>
+        <td><%= log.to_s.gsub(/\e\[[;\d]+m/, "") %></td>
+        <td></td>
+      </tr>
+      <% i += 1 %>
+    <% end %>
+  </tbody>
+</table>

data/lib/rack/bug/views/panels/profile_sql.html.erb

@@ -0,0 +1,32 @@
+<a class="back" href="">&laquo;&nbsp;Back</a>
+
+<h3>SQL Profiled</h3>
+
+<dl>
+  <dt>Executed SQL</dt>
+  <dd><pre><%=h query %></pre></dd>
+  
+  <dt>Time</dt>
+  <dd><%=h "%.2f" % (time * 1_000) %>ms</dd>
+</dl>
+
+<table class="sortable">
+  <thead>
+    <tr>
+      <% result.fetch_fields.each do |field| %>
+        <th><%= field.name.upcase %></th>
+      <% end %>
+    </tr>
+  </thead>
+  <tbody>
+    <% i = 1 %>
+    <% result.each do |row| %>
+      <tr class="<%= i % 2 == 0 ? "even" : "odd" %>">
+        <% row.each do |value| %>
+          <td><%= value %></td>
+        <% end %>
+      </tr>
+      <% i += 1 %>
+    <% end %>
+  </tbody>
+</table>