responsive_image 0.0.3

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZmRiNzEwZWFiOGVlNzgxYzU4YTg0MmMxZjkwNTI4ODg4MjFiNTNmMA==
+  data.tar.gz: !binary |-
+    OTk3NTdjNDU3ODczMWVmZTU5ODlhMTFkZjljMzc0ZTllNWIzMDc3Yg==
+SHA512:
+  metadata.gz: !binary |-
+    ZmIzMDc1MjFlYWUxZGFmMTRiYjMwZjFkMmZjOGNhMGI2ZWVkYjUwODg5YzVl
+    MDlmYjE5NTRlYzc3MzFhM2M5OTI0ODM1NWNlODY1OTFkN2E5MTc3MzUwYWQ2
+    N2IxYWU2YWIwODdkMmVhMGRjMTM1NGNmOTQ0OWZmN2ExZGQ5YmQ=
+  data.tar.gz: !binary |-
+    NDkwMzViYmI5OTgzZTNlNjUzNjc0Mzg1YjNlMTRkZDZhNDg5NTY3NmZlOWMy
+    YTY2N2FjNWFlZDAyZTU4OWZiNDc0YTQ4YTRiYjZjYjczYTJjNmUwYzI4ZTZk
+    ZjAyYWY5YmIwMWE2Y2U1NjhlNjQ1MzY1NzE3YTA3Yjk4Y2Q0ZjE=

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Robert Lyall
+
+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

@@ -0,0 +1,29 @@
+# ResponsiveImage
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'responsive_image'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install responsive_image
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it ( https://github.com/rglyall/responsive_image/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

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

data/lib/responsive_image.rb

@@ -0,0 +1,30 @@
+require "responsive_image/version"
+
+module ResponsiveImage
+  class << self
+    attr_writer :host
+    attr_writer :media_types
+
+    DEFAULT_HOST = "/"
+
+    DEFAULT_MT_CONFIGURATION = [
+      { :media_query => "(min-width: 480px)", :filename_suffix => "mobile" },
+      { :media_query => "(min-width: 480px) and (min-device-pixel-ratio: 2.0)", :filename_suffix => "mobile_2x" },
+      { :media_query => "(min-width: 768px)", :filename_suffix => "tablet" },
+      { :media_query => "(min-width: 768px) and (min-device-pixel-ratio: 2.0)", :filename_suffix => "tablet_2x" },
+      { :media_query => "(min-width: 1024px)", :filename_suffix => "desktop" },
+      { :media_query => "(min-width: 1024px) and (min-device-pixel-ratio: 2.0)", :filename_suffix => "desktop_2x" }
+    ]
+
+    def host
+      @host || DEFAULT_HOST
+    end
+
+    def media_types
+      @media_types || DEFAULT_MT_CONFIGURATION
+    end
+  end
+end
+
+require "responsive_image/helpers"
+require "responsive_image/railtie" if defined?(Rails)

data/lib/responsive_image/helpers.rb

@@ -0,0 +1,32 @@
+module ResponsiveImage
+  module Helpers
+    def self.create_picture(image, options = {})
+      extension = File.extname(image)
+      filename = File.basename(image, extension)
+
+      if options[:config]
+        ResponsiveImage.media_types = options[:config]
+      end
+
+      if options[:host]
+        ResponsiveImage.host = options[:host]
+      end
+
+      element = ""
+      element = "<picture>"
+      element << "<!--[if IE 9]><video style='display: none;'><![endif]-->"
+      ResponsiveImage.media_types.each do |source|
+        srcfile = "#{filename}-#{source[:filename_suffix]}#{extension}"
+        element << "<source srcset='#{ResponsiveImage.host}#{image_url(srcfile)}' media='#{source[:media_query]}'>"
+      end
+      element << "<!--[if IE 9]></video><![endif]-->"
+      element << "<img srcset='#{ResponsiveImage.host}#{image_url(image)}' class='#{options[:html] ? options[:html][:class] : nil}' alt='#{options[:html] ? options[:html][:alt] : nil}'>"
+      element << "</picture>"
+      element
+    end
+
+    def self.image_url(image)
+      "images/#{image}"
+    end
+  end
+end

data/lib/responsive_image/railtie.rb

@@ -0,0 +1,13 @@
+module ResponsiveImage
+  module RailsViewHelpers
+    def picture_element(image, options = {})
+      ResponsiveImage::Helpers.create_picture(image, options)
+    end
+  end
+
+  class Railtie < Rails::Railtie
+    initializer "responsive_image.view_helpers" do
+      ActionView::Base.send :include, ResponsiveImage::RailsViewHelpers
+    end
+  end
+end

data/lib/responsive_image/version.rb

@@ -0,0 +1,3 @@
+module ResponsiveImage
+  VERSION = "0.0.3"
+end

data/responsive_image.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'responsive_image/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "responsive_image"
+  spec.version       = ResponsiveImage::VERSION
+  spec.authors       = ["Robert Lyall", "Dan Wentworth"]
+  spec.email         = ["rob@atechmedia.com", "dan@atechmedia.com"]
+  spec.summary       = %q{A helper for creating the picture element in Ruby}
+  spec.homepage      = "https://github.com/rglyall/responsive_image"
+  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_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency 'rspec', '~> 2.14'
+end

data/spec/responsive_image_spec.rb

@@ -0,0 +1,46 @@
+require "responsive_image"
+
+describe ResponsiveImage do
+
+  context "with default configuration" do
+
+    picture_element = ResponsiveImage::Helpers.create_picture("fishtank.jpg")
+
+    it "should create a valid picture element" do
+      expect(picture_element).to eq("<picture><!--[if IE 9]><video style='display: none;'><![endif]--><source srcset='/images/fishtank-mobile.jpg' media='(min-width: 480px)'><source srcset='/images/fishtank-mobile_2x.jpg' media='(min-width: 480px) and (min-device-pixel-ratio: 2.0)'><source srcset='/images/fishtank-tablet.jpg' media='(min-width: 768px)'><source srcset='/images/fishtank-tablet_2x.jpg' media='(min-width: 768px) and (min-device-pixel-ratio: 2.0)'><source srcset='/images/fishtank-desktop.jpg' media='(min-width: 1024px)'><source srcset='/images/fishtank-desktop_2x.jpg' media='(min-width: 1024px) and (min-device-pixel-ratio: 2.0)'><!--[if IE 9]></video><![endif]--><img srcset='/images/fishtank.jpg' class='' alt=''></picture>")
+    end
+
+  end
+
+  context "with custom configuration" do
+
+    it "should create a valid picture element" do
+      ResponsiveImage.media_types = [{:filename_suffix => "iphone", :media_query => "(min-width: 320px)"}]
+
+      picture_element = ResponsiveImage::Helpers.create_picture("fishtank.jpg")
+
+      expect(picture_element).to eq("<picture><!--[if IE 9]><video style='display: none;'><![endif]--><source srcset='/images/fishtank-iphone.jpg' media='(min-width: 320px)'><!--[if IE 9]></video><![endif]--><img srcset='/images/fishtank.jpg' class='' alt=''></picture>")
+    end
+
+  end
+
+  context "with custom html options" do
+
+    it "should apply html options to the image element" do
+      picture_element = ResponsiveImage::Helpers.create_picture("fishtank.jpg", :html => { :class => "awesome-image", :alt => "A really awesome image!" })
+
+      expect(picture_element).to eq("<picture><!--[if IE 9]><video style='display: none;'><![endif]--><source srcset='/images/fishtank-iphone.jpg' media='(min-width: 320px)'><!--[if IE 9]></video><![endif]--><img srcset='/images/fishtank.jpg' class='awesome-image' alt='A really awesome image!'></picture>")
+    end
+
+  end
+
+  context "with different host" do
+
+    it "should create a valid picture element" do
+      picture_element = ResponsiveImage::Helpers.create_picture("fishtank.jpg", :host => "http://placehold.it/")
+      expect(picture_element).to eq("<picture><!--[if IE 9]><video style='display: none;'><![endif]--><source srcset='http://placehold.it/images/fishtank-iphone.jpg' media='(min-width: 320px)'><!--[if IE 9]></video><![endif]--><img srcset='http://placehold.it/images/fishtank.jpg' class='' alt=''></picture>")
+    end
+
+  end
+
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: responsive_image
+version: !ruby/object:Gem::Version
+  version: 0.0.3
+platform: ruby
+authors:
+- Robert Lyall
+- Dan Wentworth
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-09-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !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: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.14'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '2.14'
+description: 
+email:
+- rob@atechmedia.com
+- dan@atechmedia.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/responsive_image.rb
+- lib/responsive_image/helpers.rb
+- lib/responsive_image/railtie.rb
+- lib/responsive_image/version.rb
+- responsive_image.gemspec
+- spec/responsive_image_spec.rb
+homepage: https://github.com/rglyall/responsive_image
+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.2.2
+signing_key: 
+specification_version: 4
+summary: A helper for creating the picture element in Ruby
+test_files:
+- spec/responsive_image_spec.rb