glimpse-performance_bar 1.0.0 → 1.1.0

data/CHANGELOG.md

@@ -0,0 +1,7 @@
+# 1.0.0
+
+- Initial release.
+
+# 1.1.0
+
+- Add support for Turbolinks.

data/README.md

@@ -1,11 +1,15 @@
 # Glimpse::PerformanceBar
 
-Provide a glimpse into the MySQL queries made during your application's requests.
+Provide a glimpse into `window.performance` timing.
 
 Things this glimpse view provides:
 
-- Total number of MySQL queries called during the request
-- The duration of the queries made during the request
+- Frontend
+- Latency / Receiving
+- Backend
+- TCP / SSL
+- Redirect
+- DNS Lookup
 
 ## Installation
 
@@ -29,6 +33,40 @@ Add the following to your `config/initializers/glimpse.rb`:
 Glimpse.into Glimpse::Views::PerformanceBar
 ```
 
+You'll then need to add the following CSS and CoffeeScript:
+
+CSS:
+
+```scss
+//= require glimpse
+//= require glimpse/views/performance_bar
+```
+
+CoffeeScript:
+
+```coffeescript
+#= require glimpse
+#= require glimpse/views/performance_bar
+```
+
+Lastly this view requires you insert an additional partial after the `glimpse/results`:
+
+```erb
+...
+<%= yield %>
+<%= render 'glimpse/results' %>
+<%= render 'glimpse/results/performance_bar' %>
+...
+```
+
+## Contributors
+
+- [@josh](https://github.com/josh) - The original implementation.
+- [@tmm1](https://github.com/tmm1) - The original implementation.
+- [@rtomayko](https://github.com/rtomayko) - The original implementation.
+- [@kneath](https://github.com/kneath) - The original implementation.
+- [@dewski](https://github.com/dewski) - Just the extractor.
+
 ## Contributing
 
 1. Fork it

data/app/assets/javascripts/glimpse/views/performance_bar.coffee

@@ -125,13 +125,13 @@ renderPerformanceBar = ->
 updateStatus = (html) ->
   $('#serverstats').html html
 
-pjaxStart = null
-$(document).on 'pjax:start', (event) ->
-  pjaxStart = event.timeStamp
+ajaxStart = null 
+$(document).on 'pjax:start page:fetch', (event) ->
+  ajaxStart = event.timeStamp
 
-$(document).on 'pjax:end', (event, xhr) ->
-  pjaxEnd    = event.timeStamp
-  total      = pjaxEnd - pjaxStart
+$(document).on 'pjax:end page:change', (event, xhr) ->
+  ajaxEnd    = event.timeStamp
+  total      = ajaxEnd - ajaxStart
   serverTime = if xhr then parseInt(xhr.getResponseHeader('X-Runtime')) else 0
 
   # Defer to include the timing of pjax hook evaluation
@@ -139,23 +139,27 @@ $(document).on 'pjax:end', (event, xhr) ->
     now = new Date().getTime()
     bar = new PerformanceBar
       timing:
-        requestStart: pjaxStart,
-        responseEnd: pjaxEnd,
-        domLoading: pjaxEnd,
+        requestStart: ajaxStart,
+        responseEnd: ajaxEnd,
+        domLoading: ajaxEnd,
         domInteractive: now
       isLoaded: -> true
-      start: -> pjaxStart
+      start: -> ajaxStart
       end: -> now
 
     bar.render serverTime
 
-    console.log 'why u called'
-    span = $('<span>', {'class': 'tooltip', title: 'PJAX navigation time'})
+    if $.fn.pjax?
+      tech = 'PJAX'
+    else
+      tech = 'Turbolinks'
+
+    span = $('<span>', {'class': 'tooltip', title: "#{tech} navigation time"})
       .text(PerformanceBar.formatTime(total))
     span.tipsy({ gravity: 'n' })
     updateStatus span
 
-    pjaxStart = null
+    ajaxStart = null
   , 0
 
 $ ->

data/lib/glimpse-performance_bar/version.rb

@@ -1,5 +1,5 @@
 module Glimpse
   module PerformanceBar
-    VERSION = '1.0.0'
+    VERSION = '1.1.0'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glimpse-performance_bar
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-03-11 00:00:00.000000000 Z
+date: 2013-03-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimpse
@@ -36,6 +36,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
+- CHANGELOG.md
 - Gemfile
 - LICENSE.txt
 - README.md