pace-rails 0.0.5 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0080c27396b071b243ce608c2017a676c6ad41f4
-  data.tar.gz: 7bba036f5ba95d784237ef5c2ac289fe35931b18
+  metadata.gz: c71d9cd721245695de7544d6f08fa9bf9e1b8ac2
+  data.tar.gz: c1963ed9fa0bbd18b9b27edc67950a8cea5fa88e
 SHA512:
-  metadata.gz: 9c5cad1e5fc1d111cc3139a90fa64c4bcd8b23aa92cf45b136f42a8362b420bb1bb5d8342f8e9849138d5ca961b37ad8e40fac0a5eb6a8e37ecc136bd08f72b7
-  data.tar.gz: 2c8a23b7783dec47d256fbc2d5826077267269f0c58d500fc8941b69ab6ca4ce8476db714effc368ef8b7e91a2e071ed8f494cc67d5f0e78c4c406e85776ac64
+  metadata.gz: 8490d8465ebb2193ad36948385d96499335e0aa5ec39830856d5ed70502fcb139da96b658dcfc19663bcdcd8721979ffc8a002b12e65c33950bf72671c8c90e8
+  data.tar.gz: 2dc31189085cd887c9a4bc3767ebeb3a713db42937b46305b0b805859470627b5e8b78accb2410b3e49b8061824ed7c10882bcf685b1ccfc01263fb720a1ae45

data/app/assets/javascripts/pace/pace.js

@@ -1,5 +1,5 @@
 (function() {
-  var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, firstLoad, getFromDOM, handlePushState, init, intercept, now, options, requestAnimationFrame, result, runAnimation, scalers, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _pushState, _replaceState,
+  var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, init, now, options, requestAnimationFrame, result, runAnimation, scalers, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _intercept, _pushState, _ref, _replaceState,
     __slice = [].slice,
     __hasProp = {}.hasOwnProperty,
     __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
@@ -14,18 +14,20 @@
     easeFactor: 1.25,
     startOnPageLoad: true,
     restartOnPushState: true,
-    restartOnBackboneRoute: true,
+    restartOnRequestAfter: 500,
     target: 'body',
     elements: {
       checkInterval: 100,
       selectors: ['body']
     },
     eventLag: {
-      minSamples: 10
+      minSamples: 10,
+      sampleCount: 3,
+      lagThreshold: 3
     },
     ajax: {
       trackMethods: ['GET'],
-      trackWebSockets: true
+      trackWebSockets: false
     }
   };
 
@@ -91,6 +93,17 @@
     return out;
   };
 
+  avgAmplitude = function(arr) {
+    var count, sum, v, _i, _len;
+    sum = count = 0;
+    for (_i = 0, _len = arr.length; _i < _len; _i++) {
+      v = arr[_i];
+      sum += Math.abs(v);
+      count++;
+    }
+    return sum / count;
+  };
+
   getFromDOM = function(key, json) {
     var data, e, el;
     if (key == null) {
@@ -121,6 +134,18 @@
 
   options = Pace.options = extend(defaultOptions, window.paceOptions, getFromDOM());
 
+  NoTargetError = (function(_super) {
+    __extends(NoTargetError, _super);
+
+    function NoTargetError() {
+      _ref = NoTargetError.__super__.constructor.apply(this, arguments);
+      return _ref;
+    }
+
+    return NoTargetError;
+
+  })(Error);
+
   Bar = (function() {
     function Bar() {
       this.progress = 0;
@@ -129,10 +154,15 @@
     Bar.prototype.getElement = function() {
       var targetElement;
       if (this.el == null) {
+        targetElement = document.querySelector(options.target);
+        if (!targetElement) {
+          throw new NoTargetError;
+        }
         this.el = document.createElement('div');
         this.el.className = "pace pace-active";
+        document.body.className = document.body.className.replace('pace-done', '');
+        document.body.className += ' pace-running';
         this.el.innerHTML = '<div class="pace-progress">\n  <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>';
-        targetElement = document.querySelector(options.target);
         if (targetElement.firstChild != null) {
           targetElement.insertBefore(this.el, targetElement.firstChild);
         } else {
@@ -146,7 +176,9 @@
       var el;
       el = this.getElement();
       el.className = el.className.replace('pace-active', '');
-      return el.className += ' pace-inactive';
+      el.className += ' pace-inactive';
+      document.body.className = document.body.className.replace('pace-running', '');
+      return document.body.className += ' pace-done';
     };
 
     Bar.prototype.update = function(prog) {
@@ -155,7 +187,11 @@
     };
 
     Bar.prototype.destroy = function() {
-      this.getElement().parentNode.removeChild(this.getElement());
+      try {
+        this.getElement().parentNode.removeChild(this.getElement());
+      } catch (_error) {
+        NoTargetError = _error;
+      }
       return this.el = void 0;
     };
 
@@ -167,14 +203,14 @@
       el = this.getElement();
       el.children[0].style.width = "" + this.progress + "%";
       if (!this.lastRenderedProgress || this.lastRenderedProgress | 0 !== this.progress | 0) {
-        el.setAttribute('data-progress-text', "" + (this.progress | 0) + "%");
+        el.children[0].setAttribute('data-progress-text', "" + (this.progress | 0) + "%");
         if (this.progress >= 100) {
           progressStr = '99';
         } else {
           progressStr = this.progress < 10 ? "0" : "";
           progressStr += this.progress | 0;
         }
-        el.setAttribute('data-progress', "" + progressStr);
+        el.children[0].setAttribute('data-progress', "" + progressStr);
       }
       return this.lastRenderedProgress = this.progress;
     };
@@ -193,12 +229,12 @@
     }
 
     Events.prototype.trigger = function(name, val) {
-      var binding, _i, _len, _ref, _results;
+      var binding, _i, _len, _ref1, _results;
       if (this.bindings[name] != null) {
-        _ref = this.bindings[name];
+        _ref1 = this.bindings[name];
         _results = [];
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          binding = _ref[_i];
+        for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+          binding = _ref1[_i];
           _results.push(binding.call(this, val));
         }
         return _results;
@@ -252,8 +288,8 @@
         var _open;
         _open = req.open;
         return req.open = function(type, url, async) {
-          var _ref;
-          if (_ref = (type != null ? type : 'GET').toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref) >= 0) {
+          var _ref1;
+          if (_ref1 = (type != null ? type : 'GET').toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref1) >= 0) {
             _this.trigger('request', {
               type: type,
               url: url,
@@ -299,13 +335,53 @@
 
   })(Events);
 
-  intercept = new RequestIntercept;
+  _intercept = null;
+
+  getIntercept = function() {
+    if (_intercept == null) {
+      _intercept = new RequestIntercept;
+    }
+    return _intercept;
+  };
+
+  if (options.restartOnRequestAfter !== false) {
+    getIntercept().on('request', function(_arg) {
+      var args, request, type;
+      type = _arg.type, request = _arg.request;
+      if (!Pace.running) {
+        args = arguments;
+        return setTimeout(function() {
+          var source, stillActive, _i, _len, _ref1, _ref2, _results;
+          if (type === 'socket') {
+            stillActive = request.readyState < 2;
+          } else {
+            stillActive = (0 < (_ref1 = request.readyState) && _ref1 < 4);
+          }
+          if (stillActive) {
+            Pace.restart();
+            _ref2 = Pace.sources;
+            _results = [];
+            for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
+              source = _ref2[_i];
+              if (source instanceof AjaxMonitor) {
+                source.watch.apply(source, args);
+                break;
+              } else {
+                _results.push(void 0);
+              }
+            }
+            return _results;
+          }
+        }, options.restartOnRequestAfter);
+      }
+    });
+  }
 
   AjaxMonitor = (function() {
     function AjaxMonitor() {
       var _this = this;
       this.elements = [];
-      intercept.on('request', function() {
+      getIntercept().on('request', function() {
         return _this.watch.apply(_this, arguments);
       });
     }
@@ -327,7 +403,7 @@
 
   XHRRequestTracker = (function() {
     function XHRRequestTracker(request) {
-      var event, size, _i, _len, _onreadystatechange, _ref,
+      var event, size, _i, _len, _onreadystatechange, _ref1,
         _this = this;
       this.progress = 0;
       if (window.ProgressEvent != null) {
@@ -339,9 +415,9 @@
             return _this.progress = _this.progress + (100 - _this.progress) / 2;
           }
         });
-        _ref = ['load', 'abort', 'timeout', 'error'];
-        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-          event = _ref[_i];
+        _ref1 = ['load', 'abort', 'timeout', 'error'];
+        for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+          event = _ref1[_i];
           request.addEventListener(event, function() {
             return _this.progress = 100;
           });
@@ -349,8 +425,8 @@
       } else {
         _onreadystatechange = request.onreadystatechange;
         request.onreadystatechange = function() {
-          var _ref1;
-          if ((_ref1 = request.readyState) === 0 || _ref1 === 4) {
+          var _ref2;
+          if ((_ref2 = request.readyState) === 0 || _ref2 === 4) {
             _this.progress = 100;
           } else if (request.readyState === 3) {
             _this.progress = 50;
@@ -366,12 +442,12 @@
 
   SocketRequestTracker = (function() {
     function SocketRequestTracker(request) {
-      var event, _i, _len, _ref,
+      var event, _i, _len, _ref1,
         _this = this;
       this.progress = 0;
-      _ref = ['error', 'open'];
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        event = _ref[_i];
+      _ref1 = ['error', 'open'];
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        event = _ref1[_i];
         request.addEventListener(event, function() {
           return _this.progress = 100;
         });
@@ -384,7 +460,7 @@
 
   ElementMonitor = (function() {
     function ElementMonitor(options) {
-      var selector, _i, _len, _ref;
+      var selector, _i, _len, _ref1;
       if (options == null) {
         options = {};
       }
@@ -392,9 +468,9 @@
       if (options.selectors == null) {
         options.selectors = [];
       }
-      _ref = options.selectors;
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        selector = _ref[_i];
+      _ref1 = options.selectors;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        selector = _ref1[_i];
         this.elements.push(new ElementTracker(selector));
       }
     }
@@ -437,9 +513,9 @@
     };
 
     function DocumentMonitor() {
-      var _onreadystatechange, _ref,
+      var _onreadystatechange, _ref1,
         _this = this;
-      this.progress = (_ref = this.states[document.readyState]) != null ? _ref : 100;
+      this.progress = (_ref1 = this.states[document.readyState]) != null ? _ref1 : 100;
       _onreadystatechange = document.onreadystatechange;
       document.onreadystatechange = function() {
         if (_this.states[document.readyState] != null) {
@@ -455,21 +531,28 @@
 
   EventLagMonitor = (function() {
     function EventLagMonitor() {
-      var avg, last, points,
+      var avg, interval, last, points, samples,
         _this = this;
       this.progress = 0;
       avg = 0;
+      samples = [];
       points = 0;
       last = now();
-      setInterval(function() {
+      interval = setInterval(function() {
         var diff;
         diff = now() - last - 50;
         last = now();
-        avg = avg + (diff - avg) / 15;
-        if (points++ > options.eventLag.minSamples && Math.abs(avg) < 3) {
-          avg = 0;
+        samples.push(diff);
+        if (samples.length > options.eventLag.sampleCount) {
+          samples.shift();
+        }
+        avg = avgAmplitude(samples);
+        if (++points >= options.eventLag.minSamples && avg < options.eventLag.lagThreshold) {
+          _this.progress = 100;
+          return clearInterval(interval);
+        } else {
+          return _this.progress = 100 * (3 / (avg + 3));
         }
-        return _this.progress = 100 * (3 / (avg + 3));
       }, 50);
     }
 
@@ -535,6 +618,8 @@
 
   cancelAnimation = null;
 
+  Pace.running = false;
+
   handlePushState = function() {
     if (options.restartOnPushState) {
       return Pace.restart();
@@ -557,40 +642,6 @@
     };
   }
 
-  firstLoad = true;
-
-  if (options.restartOnBackboneRoute) {
-    setTimeout(function() {
-      if (window.Backbone == null) {
-        return;
-      }
-      return Backbone.history.on('route', function(router, name) {
-        var routeName, rule, _i, _len, _results;
-        if (!(rule = options.restartOnBackboneRoute)) {
-          return;
-        }
-        if (firstLoad) {
-          firstLoad = false;
-          return;
-        }
-        if (typeof rule === 'object') {
-          _results = [];
-          for (_i = 0, _len = rule.length; _i < _len; _i++) {
-            routeName = rule[_i];
-            if (!(routeName === name)) {
-              continue;
-            }
-            Pace.restart();
-            break;
-          }
-          return _results;
-        } else {
-          return Pace.restart();
-        }
-      });
-    }, 0);
-  }
-
   SOURCE_KEYS = {
     ajax: AjaxMonitor,
     elements: ElementMonitor,
@@ -599,18 +650,18 @@
   };
 
   (init = function() {
-    var source, type, _i, _j, _len, _len1, _ref, _ref1, _ref2;
+    var source, type, _i, _j, _len, _len1, _ref1, _ref2, _ref3;
     Pace.sources = sources = [];
-    _ref = ['ajax', 'elements', 'document', 'eventLag'];
-    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-      type = _ref[_i];
+    _ref1 = ['ajax', 'elements', 'document', 'eventLag'];
+    for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+      type = _ref1[_i];
       if (options[type] !== false) {
         sources.push(new SOURCE_KEYS[type](options[type]));
       }
     }
-    _ref2 = (_ref1 = options.extraSources) != null ? _ref1 : [];
-    for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
-      source = _ref2[_j];
+    _ref3 = (_ref2 = options.extraSources) != null ? _ref2 : [];
+    for (_j = 0, _len1 = _ref3.length; _j < _len1; _j++) {
+      source = _ref3[_j];
       sources.push(new source(options));
     }
     Pace.bar = bar = new Bar;
@@ -619,6 +670,7 @@
   })();
 
   Pace.stop = function() {
+    Pace.running = false;
     bar.destroy();
     cancelAnimation = true;
     if (animation != null) {
@@ -632,21 +684,22 @@
 
   Pace.restart = function() {
     Pace.stop();
-    return Pace.go();
+    return Pace.start();
   };
 
   Pace.go = function() {
+    Pace.running = true;
     bar.render();
     cancelAnimation = false;
     return animation = runAnimation(function(frameTime, enqueueNextFrame) {
-      var avg, count, done, element, elements, i, j, remaining, scaler, scalerList, source, start, sum, _i, _j, _len, _len1, _ref;
+      var avg, count, done, element, elements, i, j, remaining, scaler, scalerList, source, start, sum, _i, _j, _len, _len1, _ref1;
       remaining = 100 - bar.progress;
       count = sum = 0;
       done = true;
       for (i = _i = 0, _len = sources.length; _i < _len; i = ++_i) {
         source = sources[i];
         scalerList = scalers[i] != null ? scalers[i] : scalers[i] = [];
-        elements = (_ref = source.elements) != null ? _ref : [source];
+        elements = (_ref1 = source.elements) != null ? _ref1 : [source];
         for (j = _j = 0, _len1 = elements.length; _j < _len1; j = ++_j) {
           element = elements[j];
           scaler = scalerList[j] != null ? scalerList[j] : scalerList[j] = new Scaler(element);
@@ -664,7 +717,8 @@
       if (bar.done() || done || cancelAnimation) {
         bar.update(100);
         return setTimeout(function() {
-          return bar.finish();
+          bar.finish();
+          return Pace.running = false;
         }, Math.max(options.ghostTime, Math.min(options.minTime, now() - start)));
       } else {
         return enqueueNextFrame();
@@ -674,7 +728,12 @@
 
   Pace.start = function(_options) {
     extend(options, _options);
-    bar.render();
+    Pace.running = true;
+    try {
+      bar.render();
+    } catch (_error) {
+      NoTargetError = _error;
+    }
     if (!document.querySelector('.pace')) {
       return setTimeout(Pace.start, 50);
     } else {

data/app/assets/stylesheets/pace/pace-theme-big-counter.css

@@ -7,6 +7,10 @@
   user-select: none;
 }
 
+.pace.pace-inactive .pace-progress {
+  display: none;
+}
+
 .pace .pace-progress {
   position: fixed;
   z-index: 2000;
@@ -21,7 +25,7 @@
   position: absolute;
   top: 0;
   right: .5rem;
-  content: attr(data-progress);
+  content: attr(data-progress-text);
   font-family: "Helvetica Neue", sans-serif;
   font-weight: 100;
   font-size: 5rem;

data/app/assets/stylesheets/pace/pace-theme-center-circle.css

@@ -0,0 +1,110 @@
+/* This is a compiled file, you should be editing the file in the templates directory */
+.pace {
+  -webkit-pointer-events: none;
+  pointer-events: none;
+
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+
+  -webkit-perspective: 12rem;
+  -moz-perspective: 12rem;
+  -ms-perspective: 12rem;
+  -o-perspective: 12rem;
+  perspective: 12rem;
+
+  z-index: 2000;
+  position: fixed;
+  height: 6rem;
+  width: 6rem;
+  margin: auto;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.pace.pace-inactive .pace-progress {
+  display: none;
+}
+
+.pace .pace-progress {
+  position: fixed;
+  z-index: 2000;
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 6rem;
+  width: 6rem !important;
+  line-height: 6rem;
+  font-size: 2rem;
+  border-radius: 50%;
+  background: rgba(34, 153, 221, 0.8);
+  color: #fff;
+  font-family: "Helvetica Neue", sans-serif;
+  font-weight: 100;
+  text-align: center;
+
+  -webkit-animation: pace-3d-spinner linear infinite 2s;
+  -moz-animation: pace-3d-spinner linear infinite 2s;
+  -ms-animation: pace-3d-spinner linear infinite 2s;
+  -o-animation: pace-3d-spinner linear infinite 2s;
+  animation: pace-3d-spinner linear infinite 2s;
+
+  -webkit-transform-style: preserve-3d;
+  -moz-transform-style: preserve-3d;
+  -ms-transform-style: preserve-3d;
+  -o-transform-style: preserve-3d;
+  transform-style: preserve-3d;
+}
+
+.pace .pace-progress:after {
+  content: attr(data-progress-text);
+  display: block;
+}
+
+@-webkit-keyframes pace-3d-spinner {
+  from {
+    -webkit-transform: rotateY(0deg);
+  }
+  to {
+    -webkit-transform: rotateY(360deg);
+  }
+}
+
+@-moz-keyframes pace-3d-spinner {
+  from {
+    -moz-transform: rotateY(0deg);
+  }
+  to {
+    -moz-transform: rotateY(360deg);
+  }
+}
+
+@-ms-keyframes pace-3d-spinner {
+  from {
+    -ms-transform: rotateY(0deg);
+  }
+  to {
+    -ms-transform: rotateY(360deg);
+  }
+}
+
+@-o-keyframes pace-3d-spinner {
+  from {
+    -o-transform: rotateY(0deg);
+  }
+  to {
+    -o-transform: rotateY(360deg);
+  }
+}
+
+@keyframes pace-3d-spinner {
+  from {
+    transform: rotateY(0deg);
+  }
+  to {
+    transform: rotateY(360deg);
+  }
+}

data/lib/pace/rails/version.rb

@@ -1,5 +1,5 @@
 module Pace
   module Rails
-    VERSION = "0.0.5"
+    VERSION = "0.0.6"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pace-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.5
+  version: 0.0.6
 platform: ruby
 authors:
 - Dan Vera
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-09-26 00:00:00.000000000 Z
+date: 2013-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -73,15 +73,20 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- .DS_Store
 - .gitignore
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- app/.DS_Store
+- app/assets/.DS_Store
 - app/assets/javascripts/pace/pace.js
+- app/assets/stylesheets/.DS_Store
 - app/assets/stylesheets/pace/pace-theme-barber-shop.css
 - app/assets/stylesheets/pace/pace-theme-big-counter.css
 - app/assets/stylesheets/pace/pace-theme-bounce.css
+- app/assets/stylesheets/pace/pace-theme-center-circle.css
 - app/assets/stylesheets/pace/pace-theme-corner-indicator.css
 - app/assets/stylesheets/pace/pace-theme-fill-left.css
 - app/assets/stylesheets/pace/pace-theme-flash.css
@@ -111,7 +116,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.1.4
+rubygems_version: 2.1.5
 signing_key: 
 specification_version: 4
 summary: Pace automatic web page progress bar, integrated in Rails assets pipeline.