retina_tag 1.0.0

data/.gitignore

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

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 David Estes
+
+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,43 @@
+# RetinaTag
+
+Interested in making your web-sites retina compatible? Rails asset pipeline makes this a pain with retina image_tags, especially when precompiling assets. RetinaTag resolves this by extending image_tag to create a hidpi_src attribute with the retina image path if it exists.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'retina_tag'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install retina_tag
+
+
+## Usage
+
+Add retina_tag.js to your application.js file after including jquery
+
+    //require retina_tag
+
+Add double pixel resolution images in your assets directory with the @2x modifier
+
+    logo.png
+    logo@2x.png
+
+Be sure to also specify the base dimensions in your image_tag calls
+
+    <%=image_tag('logo.png',:height=>50)%>
+
+Awesome right?
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/lib/retina_tag/engine.rb

@@ -0,0 +1,5 @@
+module RetinaTag
+  class Engine < ::Rails::Engine
+
+  end
+end

data/lib/retina_tag/image_tag_helper.rb

@@ -0,0 +1,32 @@
+module ActionView
+  module Helpers
+    module AssetTagHelper
+      def hidpi_asset_path(path)
+        begin
+          retina_els = path.split('.')
+          extension = retina_els.last
+          retina_els.slice!(-1)
+          retina_path = "#{retina_els.join('.')}@2x.#{extension}"
+
+          return nil if Rails.application.assets.find_asset(retina_path).nil?
+          asset_path = asset_path(retina_path)
+          return asset_path
+        rescue
+          puts " WOAH"
+          return nil
+        end
+      end
+      def image_tag_with_retina(source,options={})
+
+        options_default = {:hidpi_src=>hidpi_asset_path(source)}
+
+        return image_tag_without_retina(source,options_default.merge(options))
+      end
+
+
+
+      alias_method_chain :image_tag, :retina
+
+    end
+  end
+end

data/lib/retina_tag/version.rb

@@ -0,0 +1,3 @@
+module RetinaTag
+  VERSION = "1.0.0"
+end

data/lib/retina_tag.rb

@@ -0,0 +1,7 @@
+require "retina_tag/version"
+require 'retina_tag/image_tag_helper'
+module RetinaTag
+  # Your code goes here...
+end
+
+require "retina_tag/engine"

data/retina_tag.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/retina_tag/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["David Estes"]
+  gem.email         = ["destes@redwindsw.com"]
+  gem.description   = "This gem overrides image_tag to support retina resolution images using asset pipeline"
+  gem.summary       = "image_tag addon for retina graphics, with cache support."
+  gem.homepage      = "http://github.com/davydotcom/retina_tag"
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "retina_tag"
+  gem.require_paths = ["lib","vendor"]
+  gem.version       = RetinaTag::VERSION
+
+  gem.add_dependency 'jquery-rails'
+  gem.add_dependency "railties", "~> 3.1"
+
+end

data/vendor/assets/javascripts/retina_tag.js

@@ -0,0 +1,34 @@
+function highdpi_init() {
+  if(window.devicePixelRatio > 1)
+  {
+
+    var els = jQuery("img").get();
+    for(var i = 0; i < els.length; i++) {
+      var hiDpiSrc = $(els[i]).attr('hidpi_src');
+      var src = els[i].src;
+
+      if(hiDpiSrc)
+      {
+        src = hiDpiSrc;
+      }
+      else
+      {
+        var path_segments = src.split('.');
+        var path_without_extension = path_segments.slice(0, (path_segments.length - 1)).join(".");
+        var extension = path_segments[path_segments.length - 1];
+        src = path_without_extension + "@2x." + extension;
+      }
+
+      if(hiDpiSrc) {
+        els[i].src = hiDpiSrc;
+      }
+
+
+
+    }
+  }
+}
+
+$(document).ready(function() {
+  highdpi_init();
+});

metadata

@@ -0,0 +1,96 @@
+--- !ruby/object:Gem::Specification
+name: retina_tag
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+  prerelease: 
+platform: ruby
+authors:
+- David Estes
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-07-12 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: railties
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.1'
+description: This gem overrides image_tag to support retina resolution images using
+  asset pipeline
+email:
+- destes@redwindsw.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- lib/retina_tag.rb
+- lib/retina_tag/engine.rb
+- lib/retina_tag/image_tag_helper.rb
+- lib/retina_tag/version.rb
+- retina_tag.gemspec
+- vendor/assets/javascripts/retina_tag.js
+homepage: http://github.com/davydotcom/retina_tag
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+- vendor
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3099451232325954057
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 3099451232325954057
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: image_tag addon for retina graphics, with cache support.
+test_files: []