lazy_images-rails 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: e66aaa6e5145e030de75aaef69c851d46ca40397
+  data.tar.gz: 36963484361df144ffa2348ebf3462de3379d6c3
+SHA512:
+  metadata.gz: 18ebf1e4734915ae5d572b4bacc982771cfc675199d89955eb8e0c062863eeb48d36e1fa1a3dba49d168f43cbb66bd0768af7943c117ba13e90e3579f9332d6b
+  data.tar.gz: f92042d774b1305b5413f7e89de70fc54594f9d2659237d3c63cc7cdd46e51e6c1df111a9d046fdf6038966c34db44b9b27328f987079012a9e4c0070b19aa71

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2015 René Hansen
+
+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/app/assets/javascripts/lazy_images_rails.js.coffee

@@ -0,0 +1,16 @@
+class @LazyImagesRails
+  @init: (all_replaced) ->
+    replace_with_image = (placeholder) =>
+      img = new Image()
+      img.onload = =>
+        placeholder.parentNode.replaceChild(img, placeholder)
+        if all_replaced? && --@placeholder_count == 0
+          all_replaced.call()
+
+      img.src = placeholder.dataset.rliImageSrc
+
+    placeholders = document.querySelectorAll('div[data-rli-placeholder]')
+    @placeholder_count = placeholders.length
+
+    for placeholder in placeholders
+      replace_with_image placeholder

data/app/assets/stylesheets/lazy_images_rails.css.scss

@@ -0,0 +1,19 @@
+.rli-wrapper {
+  position: relative;
+
+  .rli-image {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .rli-placeholder {
+    background: #ccc;
+    display: block;
+
+    .moon, .mountain {
+      fill: #ddd;
+    }
+  }
+}
+

data/lib/lazy_images-rails.rb

@@ -0,0 +1 @@
+require 'lazy_images/rails/engine'

data/lib/lazy_images/rails/engine.rb

@@ -0,0 +1,14 @@
+require 'rails/engine'
+require 'lazy_images/rails/tag_helper'
+
+module LazyImages
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer :lazy_images_rails do
+        ActionView::Helpers::AssetTagHelper.module_eval do
+          include TagHelper
+        end
+      end
+    end
+  end
+end

data/lib/lazy_images/rails/tag_helper.rb

@@ -0,0 +1,27 @@
+module LazyImages
+  module Rails
+    module TagHelper
+      def self.included(base)
+        base.alias_method_chain :image_tag, :lazy_images
+      end
+
+      def image_tag_with_lazy_images(source, options={})
+        src = path_to_image(source)
+        data = { rli_image_src: src, rli_placeholder: true }
+
+        content_tag(:div, data: data, class: 'rli-wrapper') do
+          %(
+          <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" class="rli-placeholder">
+            <path class="moon" d="M832 288c0 53.020-42.98 96-96 96s-96-42.98-96-96 42.98-96 96-96 96 42.98 96 96z"></path>
+            <path class="mountain" d="M896 832h-768v-128l224-384 256 320h64l224-192z"></path>
+          </svg>
+          ).html_safe + content_tag(:noscript) do
+            options[:src] = src
+            options[:class] = "#{options[:class]} rli-image"
+            image_tag_without_lazy_images(source, options)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/lazy_images/rails/version.rb

@@ -0,0 +1,5 @@
+module LazyImages
+  module Rails
+    VERSION = "1.0.1"
+  end
+end

data/lib/tasks/lazy_images_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :lazy_images do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,96 @@
+--- !ruby/object:Gem::Specification
+name: lazy_images-rails
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- René Hansen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-08-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  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: bump
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.5.2
+description: lazy-images-rails is a rails plugin that augments the standard image_tag
+  helper to provide instant placeholder images while the actual image is being lazy
+  loaded. A noscript fallback is provided along with the placeholder for non-js browsers.
+email:
+- renehh@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- app/assets/javascripts/lazy_images_rails.js.coffee
+- app/assets/stylesheets/lazy_images_rails.css.scss
+- lib/lazy_images-rails.rb
+- lib/lazy_images/rails/engine.rb
+- lib/lazy_images/rails/tag_helper.rb
+- lib/lazy_images/rails/version.rb
+- lib/tasks/lazy_images_tasks.rake
+homepage: https://github.com/rhardih/lazy-images-rails
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.4.5
+signing_key: 
+specification_version: 4
+summary: Lazy loaded images with placeholders and noscript fallback
+test_files: []