lazyloadjs 0.0.1 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 51c40c2b88b4e1a415f022b10bf1ad5af028f34b
-  data.tar.gz: 6e143739da584749fe738ab47cc139da05d241a4
+  metadata.gz: 0f89ab1223476132d7a8059ffd2ad24b32f623af
+  data.tar.gz: 06d22d6f01300ebba48d0e46fa8b6239094d64bc
 SHA512:
-  metadata.gz: 9577c3886e170e3da926d22ed97f148d6d110020f5f8437316bb14aab719c4dcc6216264a65395df3ac62aa963787ec77d1d82fab3e0bdef0faa693d9e1cd3b1
-  data.tar.gz: 0de95df104c5fad259678827bd52f0245451ad6261611c20522f01b16b95ccba2493ec4943e9dc11d529656bff4bdb998c4a94c52fb41e322dbddfbba47bb254
+  metadata.gz: 71f717362e11c7b79d5b750cc0fb8257656d67d569be119dc461010b109ca256bd03aacbeed9b65287e7a51304c10b57f2d827ab2af0a1f5623c149e3b27b4b2
+  data.tar.gz: fa7032c33a6d1eb08a15981de051ceb4a52ac8a7c52c13cda55c6361ed6bd27d6be306856da9c374b05b7bd6086c0d165d4fcd65593e7a22ad0d3c4b41680826

data/.gitignore

@@ -0,0 +1,21 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.gem
+*~
+*.swp
+*.swo

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in lazyloadjs.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Angelo Delefortrie
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -18,18 +18,27 @@ Or install it yourself as:
 
 ## Usage
 
-Add lazyloadjs in Assets Pipeline (e.g. `app/assets/javascripts/application.js`)
+In your `application.js` :
 
-    # Add it after all your others scripts
-    //= lazy_load
+```javascript
+...
+//= require lazyload
+...
+```
 
-Restart your application. Done.
+Restart your application. Lazy load is now availlable.
 
-This gem provides a helper that allows you to render `<img>` tag
+This gem provide simple helper generate requiered attributes in the img tag :
 
-    # image_lazy 'image_url', *options
-    # eg
-    = image_lazy image_url("my_logo.png"), style: "height: 200px;", alt: "My logo"
+```ruby
+image_lazy 'https://upload.wikimedi....png'
+# => <img data-frz-src="https://upload.wikimedi....png" src="data:ima..." onload="lzld(this)" onerror="lzld(this)" />
+
+image_lazy 'https://upload.wikimedi....png', alt: "Google logo"
+# => <img data-frz-src="https://upload.wikimedi....png" src="data:ima..." onload="lzld(this)" onerror="lzld(this)" alt="Google logo" />
+
+# etc.
+```
 
 ## Contributing
 

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lazyloadjs.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'lazyloadjs/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "lazyloadjs"
+  spec.version       = Lazyloadjs::VERSION
+  spec.authors       = ["Angelo Delefortrie"]
+  spec.email         = ["angelo.delefortrie@gmail.com"]
+  spec.summary       = "Implementing LazyLoad ( http://github.com/fasterize/lazyload ) for Ruby on Rails"
+  spec.description   = "Implementing LazyLoad ( http://github.com/fasterize/lazyload ) for Ruby on Rails"
+  spec.homepage      = "http://github.com/angelodlfrtr/lazyloadjs/"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency 'railties', ">= 3.2.6"
+end

data/lib/lazyloadjs/railtie.rb

@@ -6,4 +6,4 @@ module Lazyloadjs
       ActionView::Base.send :include, ViewHelpers
     end
   end
-end
+end

data/lib/lazyloadjs/version.rb

@@ -1,3 +1,3 @@
 module Lazyloadjs
-  VERSION = "0.0.1"
+  VERSION = "0.0.3"
 end

data/lib/lazyloadjs/view_helpers.rb

@@ -1,10 +1,19 @@
 module Lazyloadjs
   module ViewHelpers
+
     def image_lazy image_path, args = {}
-      options = ''
-      args.each{|arg| options += "#{arg[0]}='#{arg[1]}'"}
 
-      raw "<img data-frz-src='#{image_path}' src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) #{options} />"
+      args.merge!({
+        'data-frz-src' => image_path,
+        'src'          => 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==',
+        'onload'       => 'lzld(this)',
+        'onerror'      => 'lzld(this)'
+      })
+
+      opts = args.map{ |n, v| "#{n}=\"#{v}\"" }
+
+     raw "<img #{opts.join(' ')} />"
     end
+
   end
-end
+end

data/vendor/assets/javascripts/lazyload.js

@@ -21,6 +21,7 @@
   LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
   OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
   WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
 */
 
 // Prevent double lazyload script on same page
@@ -40,8 +41,9 @@ if (!window['lzld']) {
       unsubscribed = false,
 
       // throttled functions, so that we do not call them too much
-      saveViewportT = throttle(viewport, 20),
-      showImagesT = throttle(showImages, 20);
+      saveViewportT = throttle(saveViewport, 20),
+      showImagesT = throttle(showImages, 20),
+      isiOSDevice = /(iPad|iPhone|iPod)/g.test( navigator.userAgent );
 
     // Override image element .getAttribute globally so that we give the real src
     // does not works for ie < 8: http://perfectionkills.com/whats-wrong-with-extending-the-dom/
@@ -174,11 +176,13 @@ if (!window['lzld']) {
     // img = dom element
     // index = imgs array index
     function showIfVisible(img, index) {
+      // Note that iOS devices freeze DOM manipulation during scroll, queuing them to apply when the scroll finishes.
+      // So it's better to disable the lazyloading on iOS device.
       // We have to check that the current node is in the DOM
       // It could be a detached() dom node
       // http://bugs.jquery.com/ticket/4996
-      if (contains(document.documentElement, img)
-        && img.getBoundingClientRect().top < winH + offset) {
+      if (isiOSDevice || (contains(document.documentElement, img)
+        && img.getBoundingClientRect().top < winH + offset)) {
         // To avoid onload loop calls
         // removeAttribute on IE is not enough to prevent the event to fire
         img.onload = null;
@@ -199,14 +203,14 @@ if (!window['lzld']) {
 
     // cross browser viewport calculation
     function viewport() {
-      if (document.documentElement.clientHeight >= 0) {
+      if (document.documentElement.clientHeight > 0) {
         return document.documentElement.clientHeight;
-      } else if (document.body && document.body.clientHeight >= 0) {
+      } else if (document.body && document.body.clientHeight > 0) {
         return document.body.clientHeight
-      } else if (window.innerHeight >= 0) {
+      } else if (window.innerHeight > 0) {
         return window.innerHeight;
       } else {
-        return 0;
+        return 200;
       }
     }
 
@@ -239,6 +243,7 @@ if (!window['lzld']) {
       unsubscribed = true;
       removeEvent(window, 'resize', saveViewportT);
       removeEvent(window, 'scroll', showImagesT);
+      removeEvent(window, 'touchmove', showImagesT);
       removeEvent(window, 'load', onLoad);
     }
 
@@ -246,6 +251,7 @@ if (!window['lzld']) {
       unsubscribed = false;
       addEvent(window, 'resize', saveViewportT);
       addEvent(window, 'scroll', showImagesT);
+      addEvent(window, 'touchmove', showImagesT);
     }
 
     function overrideGetattribute() {
@@ -305,4 +311,4 @@ if (!window['lzld']) {
     }
 
   }(this, document))
-}
+}

metadata

@@ -1,57 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: lazyloadjs
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Angelo Delefortrie
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-23 00:00:00.000000000 Z
+date: 2015-03-01 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: bundler
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.5'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.5'
-- !ruby/object:Gem::Dependency
-  name: rake
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.2.6
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 3.2.6
 description: Implementing LazyLoad ( http://github.com/fasterize/lazyload ) for Ruby
   on Rails
 email:
@@ -60,7 +32,12 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
 - README.md
+- Rakefile
+- lazyloadjs.gemspec
 - lib/lazyloadjs.rb
 - lib/lazyloadjs/railtie.rb
 - lib/lazyloadjs/version.rb
@@ -86,9 +63,10 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.3
 signing_key: 
 specification_version: 4
 summary: Implementing LazyLoad ( http://github.com/fasterize/lazyload ) for Ruby on
   Rails
 test_files: []
+has_rdoc: