visibilityjs 0.6.1 → 0.6.2

data/ChangeLog

@@ -1,3 +1,7 @@
+== 0.6.2 (Pioneer 4, american sun)
+* Decrease files size (by compressible code and UnglifyJS 2).
+* Remove unnecessary vendor prefixes from fallback.
+
 == 0.6.1 (Vanguard 2, weather)
 * Remove unnecessary vendor prefixes.
 

data/README.md

@@ -21,7 +21,7 @@ actually supported in the browser as, if it does not, the library will just
 assume that the page is visible all the time, and your logic will still work
 correctly, albeit less effective in some cases.
 
-Page Visibility API is natively supported by Google Chrome 13, Firefox 10,
+Page Visibility API is [natively supported] by Google Chrome 13, Firefox 10,
 Opera 12.10 and IE 10. For old browsers you can use `lib/visibility.fallback.js`
 with focus/blur hack (note that this hack have issue, that document become
 to be hidden, when browser just lose focus, but still visible for user).
@@ -31,6 +31,7 @@ Sponsored by [Evil Martians].
 [Page Visibility API]: http://www.w3.org/TR/2011/WD-page-visibility-20110602/
 [prerendering]:        http://code.google.com/chrome/whitepapers/prerender.html
 [MozVisibility]:       https://github.com/private-face/mozvisibility
+[natively supported]:  http://caniuse.com/#feat=pagevisibility
 [Evil Martians]:       http://evilmartians.com/
 
 ## Translations
@@ -296,7 +297,7 @@ For Ruby on Rails you can use gem for Assets Pipeline.
 If you don’t use any assets packaging manager use [CDNJS]. Add to your site:
 
 ```html
-<script src="//cdnjs.cloudflare.com/ajax/libs/visibility.js/0.6.1/visibility.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/visibility.js/0.6.2/visibility.min.js"></script>
 ```
 
 [CDNJS]: http://cdnjs.com/
@@ -322,14 +323,20 @@ If you need just a files, you can take already minified packages from
    npm install
    ```
 
-3. Run test server:
+3. Run all tests:
 
    ```sh
    ./node_modules/.bin/cake test
    ```
 
-4. Open tests in browser: [localhost:8000].
-5. Also you can see real usage example in integration test
+4. Run test server, to check code in real browsers:
+
+   ```sh
+   ./node_modules/.bin/cake server
+   ```
+
+5. Open tests in browser: [localhost:8000].
+6. Also you can see real usage example in integration test
    `test/integration.html`.
 
 [localhost:8000]: http://localhost:8000

data/lib/assets/javascripts/visibility.core.js

@@ -16,18 +16,18 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-;(function () {
+;(function (undefined) {
     "use strict";
 
     var defined = function (variable) {
-        return ('undefined' != typeof(variable));
+        return (variable != undefined);
     };
 
     // Visibility.js allow you to know, that your web page is in the background
     // tab and thus not visible to the user. This library is wrap under
     // Page Visibility API. It fix problems with different vendor prefixes and
     // add high-level useful functions.
-    window.Visibility = {
+    var self = window.Visibility = {
 
         // Call callback only when page become to visible for user or
         // call it now if page is visible now or Page Visibility API
@@ -41,14 +41,14 @@
         //       startIntroAnimation();
         //   });
         onVisible: function (callback) {
-            if ( !this.isSupported() || !this.hidden() ) {
+            if ( !self.isSupported() || !self.hidden() ) {
                 callback();
-                return this.isSupported();
+                return self.isSupported();
             }
 
-            var listener = this.change(function (e, state) {
-                if ( !Visibility.hidden() ) {
-                    Visibility.unbind(listener);
+            var listener = self.change(function (e, state) {
+                if ( !self.hidden() ) {
+                    self.unbind(listener);
                     callback();
                 }
             });
@@ -70,13 +70,13 @@
         //
         // It is just proxy to `visibilitychange` event, but use vendor prefix.
         change: function (callback) {
-            if ( !this.isSupported() ) {
+            if ( !self.isSupported() ) {
                 return false;
             }
-            this._lastCallback += 1;
-            var number = this._lastCallback;
-            this._callbacks[number] = callback;
-            this._setListener();
+            self._lastCallback += 1;
+            var number = self._lastCallback;
+            self._callbacks[number] = callback;
+            self._setListener();
             return number;
         },
 
@@ -87,7 +87,7 @@
         //       Visibility.unbind(id);
         //   });
         unbind: function (id) {
-            delete this._callbacks[id];
+            delete self._callbacks[id];
         },
 
         // Call `callback` in any state, expect “prerender”. If current state
@@ -103,14 +103,14 @@
         //       Statistics.countVisitor();
         //   });
         afterPrerendering: function (callback) {
-            if ( !this.isSupported() || 'prerender' != this.state() ) {
+            if ( !self.isSupported() || 'prerender' != self.state() ) {
                 callback();
-                return this.isSupported();
+                return self.isSupported();
             }
 
-            var listener = this.change(function (e, state) {
+            var listener = self.change(function (e, state) {
                 if ( 'prerender' != state ) {
-                    Visibility.unbind(listener);
+                    self.unbind(listener);
                     callback();
                 }
             });
@@ -125,7 +125,7 @@
         //
         // It is just proxy to `document.hidden`, but use vendor prefix.
         hidden: function () {
-            return this._prop('hidden', false);
+            return self._prop('hidden', false);
         },
 
         // Return visibility state: 'visible', 'hidden' or 'prerender'.
@@ -141,7 +141,7 @@
         // It is just proxy to `document.visibilityState`, but use
         // vendor prefix.
         state: function () {
-            return this._prop('visibilityState', 'visible');
+            return self._prop('visibilityState', 'visible');
         },
 
         // Return true if browser support Page Visibility API.
@@ -153,7 +153,7 @@
         //       });
         //   }
         isSupported: function () {
-            return defined(this._prefix());
+            return defined(self._prefix());
         },
 
         // Link to document object to change it in tests.
@@ -180,29 +180,29 @@
 
         // Initialize variables on page loading.
         _init: function () {
-            this._hiddenBefore = this.hidden();
+            self._hiddenBefore = self.hidden();
         },
 
         // Detect vendor prefix and return it.
         _prefix: function () {
-            if ( null !== this._chechedPrefix ) {
-                return this._chechedPrefix;
+            if ( null !== self._chechedPrefix ) {
+                return self._chechedPrefix;
             }
-            if ( defined(this._doc.visibilityState) ) {
-                return this._chechedPrefix = '';
+            if ( defined(self._doc.visibilityState) ) {
+                return self._chechedPrefix = '';
             }
             var name;
-            for ( var i = 0; i < this._prefixes.length; i++ ) {
-                name = this._prefixes[i] + 'VisibilityState';
-                if ( defined(this._doc[name]) ) {
-                    return this._chechedPrefix = this._prefixes[i];
+            for ( var i = 0; i < self._prefixes.length; i++ ) {
+                name = self._prefixes[i] + 'VisibilityState';
+                if ( defined(self._doc[name]) ) {
+                    return self._chechedPrefix = self._prefixes[i];
                 }
             }
         },
 
         // Return property name with vendor prefix.
         _name: function (name) {
-            var prefix = this._prefix();
+            var prefix = self._prefix();
             if ( '' == prefix ) {
                 return name;
             } else {
@@ -214,43 +214,43 @@
         // Return document’s property value with name with vendor prefix.
         // If API is not support, it will retun `unsupported` value.
         _prop: function (name, unsupported) {
-            if ( !this.isSupported() ) {
+            if ( !self.isSupported() ) {
                 return unsupported;
             }
-            return this._doc[this._name(name)];
+            return self._doc[self._name(name)];
         },
 
         // Listener for `visibilitychange` event.
         _onChange: function(event) {
-            var state = this.state();
+            var state = self.state();
 
-            for ( var i in this._callbacks ) {
-                this._callbacks[i].call(this._doc, event, state);
+            for ( var i in self._callbacks ) {
+                self._callbacks[i].call(self._doc, event, state);
             }
 
-            this._hiddenBefore = this.hidden();
+            self._hiddenBefore = self.hidden();
         },
 
         // Set listener for `visibilitychange` event.
         _setListener: function () {
-            if ( this._listening ) {
+            if ( self._listening ) {
                 return;
             }
-            var event = this._prefix() + 'visibilitychange';
+            var event = self._prefix() + 'visibilitychange';
             var listener = function () {
-                Visibility._onChange.apply(Visibility, arguments);
+                self._onChange.apply(Visibility, arguments);
             };
-            if ( this._doc.addEventListener ) {
-                this._doc.addEventListener(event, listener, false);
+            if ( self._doc.addEventListener ) {
+                self._doc.addEventListener(event, listener, false);
             } else {
-                this._doc.attachEvent(event, listener);
+                self._doc.attachEvent(event, listener);
             }
-            this._listening = true;
-            this._hiddenBefore = this.hidden();
+            self._listening = true;
+            self._hiddenBefore = self.hidden();
         }
 
     };
 
-    Visibility._init();
+    self._init();
 
 })();

data/lib/assets/javascripts/visibility.fallback.js

@@ -30,8 +30,7 @@
     "use strict";
 
     if ( document.visibilityState   || document.webkitVisibilityState ||
-         document.msVisibilityState || document.mozVisibilityState    ||
-         document.oVisibilityState ) {
+         document.mozVisibilityState ) {
          return;
     }
 

data/lib/assets/javascripts/visibility.js

@@ -16,18 +16,18 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-;(function () {
+;(function (undefined) {
     "use strict";
 
     var defined = function (variable) {
-        return ('undefined' != typeof(variable));
+        return (variable != undefined);
     };
 
     // Visibility.js allow you to know, that your web page is in the background
     // tab and thus not visible to the user. This library is wrap under
     // Page Visibility API. It fix problems with different vendor prefixes and
     // add high-level useful functions.
-    window.Visibility = {
+    var self = window.Visibility = {
 
         // Call callback only when page become to visible for user or
         // call it now if page is visible now or Page Visibility API
@@ -41,14 +41,14 @@
         //       startIntroAnimation();
         //   });
         onVisible: function (callback) {
-            if ( !this.isSupported() || !this.hidden() ) {
+            if ( !self.isSupported() || !self.hidden() ) {
                 callback();
-                return this.isSupported();
+                return self.isSupported();
             }
 
-            var listener = this.change(function (e, state) {
-                if ( !Visibility.hidden() ) {
-                    Visibility.unbind(listener);
+            var listener = self.change(function (e, state) {
+                if ( !self.hidden() ) {
+                    self.unbind(listener);
                     callback();
                 }
             });
@@ -70,13 +70,13 @@
         //
         // It is just proxy to `visibilitychange` event, but use vendor prefix.
         change: function (callback) {
-            if ( !this.isSupported() ) {
+            if ( !self.isSupported() ) {
                 return false;
             }
-            this._lastCallback += 1;
-            var number = this._lastCallback;
-            this._callbacks[number] = callback;
-            this._setListener();
+            self._lastCallback += 1;
+            var number = self._lastCallback;
+            self._callbacks[number] = callback;
+            self._setListener();
             return number;
         },
 
@@ -87,7 +87,7 @@
         //       Visibility.unbind(id);
         //   });
         unbind: function (id) {
-            delete this._callbacks[id];
+            delete self._callbacks[id];
         },
 
         // Call `callback` in any state, expect “prerender”. If current state
@@ -103,14 +103,14 @@
         //       Statistics.countVisitor();
         //   });
         afterPrerendering: function (callback) {
-            if ( !this.isSupported() || 'prerender' != this.state() ) {
+            if ( !self.isSupported() || 'prerender' != self.state() ) {
                 callback();
-                return this.isSupported();
+                return self.isSupported();
             }
 
-            var listener = this.change(function (e, state) {
+            var listener = self.change(function (e, state) {
                 if ( 'prerender' != state ) {
-                    Visibility.unbind(listener);
+                    self.unbind(listener);
                     callback();
                 }
             });
@@ -125,7 +125,7 @@
         //
         // It is just proxy to `document.hidden`, but use vendor prefix.
         hidden: function () {
-            return this._prop('hidden', false);
+            return self._prop('hidden', false);
         },
 
         // Return visibility state: 'visible', 'hidden' or 'prerender'.
@@ -141,7 +141,7 @@
         // It is just proxy to `document.visibilityState`, but use
         // vendor prefix.
         state: function () {
-            return this._prop('visibilityState', 'visible');
+            return self._prop('visibilityState', 'visible');
         },
 
         // Return true if browser support Page Visibility API.
@@ -153,7 +153,7 @@
         //       });
         //   }
         isSupported: function () {
-            return defined(this._prefix());
+            return defined(self._prefix());
         },
 
         // Link to document object to change it in tests.
@@ -180,29 +180,29 @@
 
         // Initialize variables on page loading.
         _init: function () {
-            this._hiddenBefore = this.hidden();
+            self._hiddenBefore = self.hidden();
         },
 
         // Detect vendor prefix and return it.
         _prefix: function () {
-            if ( null !== this._chechedPrefix ) {
-                return this._chechedPrefix;
+            if ( null !== self._chechedPrefix ) {
+                return self._chechedPrefix;
             }
-            if ( defined(this._doc.visibilityState) ) {
-                return this._chechedPrefix = '';
+            if ( defined(self._doc.visibilityState) ) {
+                return self._chechedPrefix = '';
             }
             var name;
-            for ( var i = 0; i < this._prefixes.length; i++ ) {
-                name = this._prefixes[i] + 'VisibilityState';
-                if ( defined(this._doc[name]) ) {
-                    return this._chechedPrefix = this._prefixes[i];
+            for ( var i = 0; i < self._prefixes.length; i++ ) {
+                name = self._prefixes[i] + 'VisibilityState';
+                if ( defined(self._doc[name]) ) {
+                    return self._chechedPrefix = self._prefixes[i];
                 }
             }
         },
 
         // Return property name with vendor prefix.
         _name: function (name) {
-            var prefix = this._prefix();
+            var prefix = self._prefix();
             if ( '' == prefix ) {
                 return name;
             } else {
@@ -214,44 +214,44 @@
         // Return document’s property value with name with vendor prefix.
         // If API is not support, it will retun `unsupported` value.
         _prop: function (name, unsupported) {
-            if ( !this.isSupported() ) {
+            if ( !self.isSupported() ) {
                 return unsupported;
             }
-            return this._doc[this._name(name)];
+            return self._doc[self._name(name)];
         },
 
         // Listener for `visibilitychange` event.
         _onChange: function(event) {
-            var state = this.state();
+            var state = self.state();
 
-            for ( var i in this._callbacks ) {
-                this._callbacks[i].call(this._doc, event, state);
+            for ( var i in self._callbacks ) {
+                self._callbacks[i].call(self._doc, event, state);
             }
 
-            this._hiddenBefore = this.hidden();
+            self._hiddenBefore = self.hidden();
         },
 
         // Set listener for `visibilitychange` event.
         _setListener: function () {
-            if ( this._listening ) {
+            if ( self._listening ) {
                 return;
             }
-            var event = this._prefix() + 'visibilitychange';
+            var event = self._prefix() + 'visibilitychange';
             var listener = function () {
-                Visibility._onChange.apply(Visibility, arguments);
+                self._onChange.apply(Visibility, arguments);
             };
-            if ( this._doc.addEventListener ) {
-                this._doc.addEventListener(event, listener, false);
+            if ( self._doc.addEventListener ) {
+                self._doc.addEventListener(event, listener, false);
             } else {
-                this._doc.attachEvent(event, listener);
+                self._doc.attachEvent(event, listener);
             }
-            this._listening = true;
-            this._hiddenBefore = this.hidden();
+            self._listening = true;
+            self._hiddenBefore = self.hidden();
         }
 
     };
 
-    Visibility._init();
+    self._init();
 
 
     var timers = {
@@ -290,23 +290,23 @@
       //       checkNewMails();
       //   });
       every: function (interval, hiddenInterval, callback) {
-          this._initTimers();
+          self._initTimers();
 
           if ( !defined(callback) ) {
               callback = hiddenInterval;
               hiddenInterval = null;
           }
-          this._lastTimer += 1;
-          var number = this._lastTimer;
-          this._timers[number] = ({
+          self._lastTimer += 1;
+          var number = self._lastTimer;
+          self._timers[number] = ({
               interval:       interval,
               hiddenInterval: hiddenInterval,
               callback:       callback
           });
-          this._runTimer(number, false);
+          self._runTimer(number, false);
 
-          if ( this.isSupported() ) {
-              this._setListener();
+          if ( self.isSupported() ) {
+              self._setListener();
           }
           return number;
       },
@@ -320,12 +320,12 @@
       //       Visibility.stop(slideshow);
       //   });
       stop: function(id) {
-          var timer = this._timers[id]
+          var timer = self._timers[id]
           if ( !defined(timer) ) {
               return false;
           }
-          this._stopTimer(id);
-          delete this._timers[id];
+          self._stopTimer(id);
+          delete self._timers[id];
           return timer;
       },
 
@@ -340,18 +340,18 @@
 
       // Initialize variables on page loading.
       _initTimers: function () {
-          if ( this._timersInitialized ) {
+          if ( self._timersInitialized ) {
               return;
           }
-          this._timersInitialized = true;
+          self._timersInitialized = true;
 
           if ( defined(window.jQuery) && defined(jQuery.every) ) {
-              this._setInterval = this._chronoInterval;
+              self._setInterval = self._chronoInterval;
           } else {
-              this._setInterval = this._originalInterval;
+              self._setInterval = self._originalInterval;
           }
-          this.change(function () {
-              Visibility._timersStopRun()
+          self.change(function () {
+              self._timersStopRun()
           });
       },
 
@@ -386,8 +386,8 @@
       // Argument `now` say, that timers must be execute now too.
       _runTimer: function (id, now) {
           var interval,
-              timer = this._timers[id];
-          if ( this.hidden() ) {
+              timer = self._timers[id];
+          if ( self.hidden() ) {
               if ( null === timer.hiddenInterval ) {
                   return;
               }
@@ -398,25 +398,25 @@
           if ( now ) {
               timer.callback.call(window);
           }
-          timer.id = this._setInterval(timer.callback, interval);
+          timer.id = self._setInterval(timer.callback, interval);
       },
 
       // Stop timer from `every` method by it’s ID.
       _stopTimer: function (id) {
-          var timer = this._timers[id];
+          var timer = self._timers[id];
           clearInterval(timer.id);
           delete timer.id;
       },
 
       // Listener for `visibilitychange` event.
       _timersStopRun: function (event) {
-          var isHidden = this.hidden(),
-              hiddenBefore = this._hiddenBefore;
+          var isHidden = self.hidden(),
+              hiddenBefore = self._hiddenBefore;
 
           if ( (isHidden && !hiddenBefore) || (!isHidden && hiddenBefore) ) {
-              for ( var i in this._timers ) {
-                  this._stopTimer(i);
-                  this._runTimer(i, !isHidden);
+              for ( var i in self._timers ) {
+                  self._stopTimer(i);
+                  self._runTimer(i, !isHidden);
               }
           }
       }

data/lib/assets/javascripts/visibility.timers.js

@@ -23,6 +23,8 @@
         return ('undefined' != typeof(variable));
     };
 
+    var self = Visibility;
+
     var timers = {
 
       // Run callback every `interval` milliseconds if page is visible and
@@ -59,23 +61,23 @@
       //       checkNewMails();
       //   });
       every: function (interval, hiddenInterval, callback) {
-          this._initTimers();
+          self._initTimers();
 
           if ( !defined(callback) ) {
               callback = hiddenInterval;
               hiddenInterval = null;
           }
-          this._lastTimer += 1;
-          var number = this._lastTimer;
-          this._timers[number] = ({
+          self._lastTimer += 1;
+          var number = self._lastTimer;
+          self._timers[number] = ({
               interval:       interval,
               hiddenInterval: hiddenInterval,
               callback:       callback
           });
-          this._runTimer(number, false);
+          self._runTimer(number, false);
 
-          if ( this.isSupported() ) {
-              this._setListener();
+          if ( self.isSupported() ) {
+              self._setListener();
           }
           return number;
       },
@@ -89,12 +91,12 @@
       //       Visibility.stop(slideshow);
       //   });
       stop: function(id) {
-          var timer = this._timers[id]
+          var timer = self._timers[id]
           if ( !defined(timer) ) {
               return false;
           }
-          this._stopTimer(id);
-          delete this._timers[id];
+          self._stopTimer(id);
+          delete self._timers[id];
           return timer;
       },
 
@@ -109,18 +111,18 @@
 
       // Initialize variables on page loading.
       _initTimers: function () {
-          if ( this._timersInitialized ) {
+          if ( self._timersInitialized ) {
               return;
           }
-          this._timersInitialized = true;
+          self._timersInitialized = true;
 
           if ( defined(window.jQuery) && defined(jQuery.every) ) {
-              this._setInterval = this._chronoInterval;
+              self._setInterval = self._chronoInterval;
           } else {
-              this._setInterval = this._originalInterval;
+              self._setInterval = self._originalInterval;
           }
-          this.change(function () {
-              Visibility._timersStopRun()
+          self.change(function () {
+              self._timersStopRun()
           });
       },
 
@@ -155,8 +157,8 @@
       // Argument `now` say, that timers must be execute now too.
       _runTimer: function (id, now) {
           var interval,
-              timer = this._timers[id];
-          if ( this.hidden() ) {
+              timer = self._timers[id];
+          if ( self.hidden() ) {
               if ( null === timer.hiddenInterval ) {
                   return;
               }
@@ -167,25 +169,25 @@
           if ( now ) {
               timer.callback.call(window);
           }
-          timer.id = this._setInterval(timer.callback, interval);
+          timer.id = self._setInterval(timer.callback, interval);
       },
 
       // Stop timer from `every` method by it’s ID.
       _stopTimer: function (id) {
-          var timer = this._timers[id];
+          var timer = self._timers[id];
           clearInterval(timer.id);
           delete timer.id;
       },
 
       // Listener for `visibilitychange` event.
       _timersStopRun: function (event) {
-          var isHidden = this.hidden(),
-              hiddenBefore = this._hiddenBefore;
+          var isHidden = self.hidden(),
+              hiddenBefore = self._hiddenBefore;
 
           if ( (isHidden && !hiddenBefore) || (!isHidden && hiddenBefore) ) {
-              for ( var i in this._timers ) {
-                  this._stopTimer(i);
-                  this._runTimer(i, !isHidden);
+              for ( var i in self._timers ) {
+                  self._stopTimer(i);
+                  self._runTimer(i, !isHidden);
               }
           }
       }

metadata

@@ -1,32 +1,32 @@
 --- !ruby/object:Gem::Specification
 name: visibilityjs
 version: !ruby/object:Gem::Version
-  version: 0.6.1
   prerelease: 
+  version: 0.6.2
 platform: ruby
 authors:
 - Andrey "A.I" Sitnik
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-08 00:00:00.000000000 Z
+date: 2012-11-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
+  type: :runtime
   name: sprockets
+  prerelease: false
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '2'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
     none: false
+  version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '2'
+    none: false
 description: Visibility.js allow you to determine whether your web page is visible
   to an user, is hidden in background tab or is prerendering. It allows you use the
   page visibility state in JavaScript logic and improve browser performance or improve
@@ -55,17 +55,17 @@ rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
-required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
+required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ! '>='
     - !ruby/object:Gem::Version
       version: '0'
+  none: false
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23