jquery_picture_tag-rails 0.0.1

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 :rubygems
+
+# Specify your gem's dependencies in jquery_picture_tag-rails.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 G5
+
+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,139 @@
+# jQuery Picture Tag for Rails
+
+Ruby Gem to include the [jQuery Picture Tag](https://github.com/G5/jquery-picture-tag) source code in your Rails application.
+Works great with [Picture Tag Rails](https://github.com/G5/picture_tag-rails)!
+
+
+## Current Version
+
+0.0.1
+
+
+## Requirements
+
+* [jQuery](http://jquery.com)
+* [matchMedia.js](https://github.com/paulirish/matchMedia.js) for older browsers
+* [rubygems](http://rubygems.org) >= 1.3.6
+* [railties](http://rubygems.org/gems/railties) >= 3.1.0, < 5.0
+* [thor](http://rubygems.org/gems/thor) ~> 0.14
+
+
+## Installation
+
+### Gemfile
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'jquery_picture_tag-rails'
+```
+
+### Manual
+
+Or install it yourself as:
+
+```bash
+gem install jquery_picture_tag-rails
+```
+
+### Rails 3.1 or greater (with asset pipeline enabled)
+
+The jquery-picture-tag file will be added to the asset pipeline and available for you to use. 
+
+Add this line in `app/assets/javascripts/application.js`:
+
+```javascript
+//= require jquery-picture-tag
+```
+
+### Rails 3.0 (or greated with asset pipeline disabled)
+
+Copy the jquery-picture-tag file into `public/javascripts`:
+
+```bash
+rails generate jquery_picture_tag:install
+```
+
+Include the jquery-picture-tag into your application: 
+
+```erb
+<%= javascript_include_tag "jquery-picture-tag" %>
+```
+
+
+## Usage
+
+Use the [W3C Picture Element Proposal](http://www.w3.org/community/respimg/)'s `<picture>` tag syntax.
+ProTip™: Use [picture_tag-rails](https://github.com/G5/picture_tag-rails) to generate it for you.
+
+```html
+<picture alt="Kitty cat!">
+  <source media="(min-width: 1600px)" srcset="cat-large.jpg 1x, cat-large@2x.jpg 2x">
+  <source media="(min-width: 1000px)" srcset="cat-medium.jpg 1x, cat-medium@2x.jpg 2x">
+  <source media="(min-width: 768px)"  srcset="cat-small.jpg 1x, cat-small@2x.jpg 2x">
+  <source media="(min-width: 480px)"  srcset="cat-tiny.jpg 1x, cat-tiny@2x.jpg 2x">
+  <source srcset="cat-tiny.jpg 1x, cat-tiny@2x.jpg 2x">
+  <img alt="Kitty cat!" src="cat-tiny.jpg">
+</picture>
+```
+
+Put this Javascript somewhere to apply it to all `<picture>` tags.
+
+```javascript
+$(function() {
+  $('picture').pictureTag();
+});
+```
+
+Or this to apply it to just some `<picture>` tags.
+
+```javascript
+$(function() {
+  $('.gallery picture').pictureTag();
+});
+```
+
+
+## Authors
+
+  * Jessica Lynn Suttles / [@jlsuttles](https://github.com/jlsuttles)
+
+
+## Contributing
+
+1. Fork it
+2. Get it running
+3. Create your feature branch (`git checkout -b my-new-feature`)
+4. Write your code and **specs**
+5. Commit your changes (`git commit -am 'Add some feature'`)
+6. Push to the branch (`git push origin my-new-feature`)
+7. Create new Pull Request
+
+If you find bugs, have feature requests or questions, please
+[file an issue](https://github.com/G5/jquery_picture_tag-rails/issues).
+
+
+## License
+
+Copyright (c) 2012 G5
+
+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/Rakefile

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

data/jquery_picture_tag-rails.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'jquery_picture_tag/rails/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "jquery_picture_tag-rails"
+  gem.version       = JqueryPictureTag::Rails::VERSION
+  gem.authors       = ["Jessica Lynn Suttles"]
+  gem.email         = ["jlsuttles@gmail.com"]
+  gem.description   = %q{Ruby Gem to Automate Using JQuery Picture Tag with Rails}
+  gem.summary       = %q{Ruby Gem to Automate Using JQuery Picture Tag with Rails}
+  gem.homepage      = ""
+
+  gem.required_rubygems_version = ">= 1.3.6"
+
+  gem.add_dependency "railties", ">= 3.1.0", "< 5.0"
+  gem.add_dependency "thor",     "~> 0.14"
+
+  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.require_paths = ["lib"]
+end

data/lib/generators/jquery_picture_tag/install/install_generator.rb

@@ -0,0 +1,35 @@
+require 'rails'
+
+# Supply generator for Rails 3.0.x or if asset pipeline is not enabled
+if ::Rails.version < "3.1" || !::Rails.application.config.assets.enabled
+  module JqueryPictureTag
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+        desc "This generator installs jQuery Picture Tag #{JqueryPictureTag::Rails::VERSION}"
+        source_root File.expand_path('../../../../../vendor/assets/javascripts', __FILE__)
+
+        def copy_jquery_picture_tag
+          say_status "copying", "jQuery Picture Tag #{JqueryPictureTag::Rails::VERSION}", :green
+          copy_file "jquery-picture-tag-#{JqueryPictureTag::Rails::VERSION}.js", "public/javascripts/jquery-picture-tag.js"
+        end
+
+      end
+    end
+  end
+else
+  module JqueryPictureTag
+    module Generators
+      class InstallGenerator < ::Rails::Generators::Base
+        desc "Just show instructions so people will know what to do when mistakenly using generator for Rails 3.1 apps"
+
+        def do_nothing
+          say_status("deprecated", "You are using Rails with the asset pipeline enabled, so this generator is not needed.")
+          say_status("", "The necessary files are already in your asset pipeline.")
+          say_status("", "Just add `//= require jquery-picture-tag-#{JqueryPictureTag::Rails::VERSION}` to your app/assets/javascripts/application.js")
+          say_status("", "If you do not want the asset pipeline enabled, you may turn it off in application.rb and re-run this generator.")
+          # ok, nothing
+        end
+      end
+    end
+  end
+end

data/lib/jquery_picture_tag-rails.rb

@@ -0,0 +1 @@
+require "jquery_picture_tag/rails"

data/lib/jquery_picture_tag/rails.rb

@@ -0,0 +1,7 @@
+require 'jquery_picture_tag/rails/engine'
+require 'jquery_picture_tag/rails/version'
+
+module JQueryPictureTag
+  module Rails
+  end
+end

data/lib/jquery_picture_tag/rails/engine.rb

@@ -0,0 +1,6 @@
+module JqueryPictureTag
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/jquery_picture_tag/rails/version.rb

@@ -0,0 +1,5 @@
+module JqueryPictureTag
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

data/vendor/assets/javascripts/jquery.picture-tag-0.0.1.js

@@ -0,0 +1,152 @@
+/*
+  jQuery Picture Tag 0.0.1
+  Built by Bookis Smuin: https://github.com/bookis
+  Built by Jessica Lynn Suttles: https://github.com/jlsuttles
+  Details and source: https://github.com/g5/jquery-picture-tag
+  Demo: https://g5.github.com/jquery-picture-tag
+*/
+
+// Generated by CoffeeScript 1.3.3
+(function() {
+  var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
+  this.PictureTag = {};
+
+  $.fn.pictureTag = function() {
+    return this.each(function() {
+      return new PictureTag.Picture($(this));
+    });
+  };
+
+  this.PictureTag.Picture = (function() {
+
+    function Picture($el) {
+      this.$el = $el;
+      this._img = __bind(this._img, this);
+
+      this._displayBest = __bind(this._displayBest, this);
+
+      this.sources = new PictureTag.Sources(this.$el.children("source"));
+      this._displayBest();
+      $(window).resize(this._displayBest);
+    }
+
+    Picture.prototype._displayBest = function() {
+      return this._img().display(this.sources.best());
+    };
+
+    Picture.prototype._img = function() {
+      return new PictureTag.Img(this.$el.children("img:first"));
+    };
+
+    return Picture;
+
+  })();
+
+  this.PictureTag.Img = (function() {
+
+    function Img($el) {
+      this.$el = $el;
+      this._replace = __bind(this._replace, this);
+
+    }
+
+    Img.prototype.display = function(value) {
+      if (value !== this.$el.attr("src")) {
+        this.$el2 = this.$el.clone();
+        this.$el2.attr("src", value);
+        return this.$el2.load(this._replace);
+      }
+    };
+
+    Img.prototype._replace = function() {
+      return this.$el.replaceWith(this.$el2);
+    };
+
+    return Img;
+
+  })();
+
+  this.PictureTag.Sources = (function() {
+
+    function Sources($els) {
+      this.$els = $els;
+      this._newSource = __bind(this._newSource, this);
+
+      this.best = __bind(this.best, this);
+
+      this.defaultSource = new PictureTag.Source(this.$els.filter(":not([media])"));
+      this.mediaSources = this.$els.filter("[media]").map(this._newSource);
+    }
+
+    Sources.prototype.best = function() {
+      var bestSoFar,
+        _this = this;
+      bestSoFar = this.defaultSource;
+      this.mediaSources.each(function(i, mediaSource) {
+        if (mediaSource.isBetterThan(bestSoFar)) {
+          return bestSoFar = mediaSource;
+        }
+      });
+      return bestSoFar.src();
+    };
+
+    Sources.prototype._newSource = function(i, el) {
+      return new PictureTag.Source($(el));
+    };
+
+    return Sources;
+
+  })();
+
+  this.PictureTag.Source = (function() {
+
+    function Source($el) {
+      this.$el = $el;
+      this.media = new PictureTag.Media(this.$el.attr("media"));
+      this.srcset = this.$el.attr("srcset");
+    }
+
+    Source.prototype.isBetterThan = function(other) {
+      return this.media.isBetterThan(other.media);
+    };
+
+    Source.prototype.src = function() {
+      if (this.srcset) {
+        return this.srcset.match(/^\S+?(?=,|\s)/)[0];
+      }
+    };
+
+    return Source;
+
+  })();
+
+  this.PictureTag.Media = (function() {
+
+    function Media(query) {
+      this.query = query;
+    }
+
+    Media.prototype.isBetterThan = function(other) {
+      if (this._matches() && !other._matches()) {
+        return true;
+      } else if (this._matches() && other._matches()) {
+        return this._minWidth >= other.minWidth;
+      } else {
+        return false;
+      }
+    };
+
+    Media.prototype._matches = function() {
+      return this.query && matchMedia(this.query).matches;
+    };
+
+    Media.prototype._minWidth = function() {
+      return parseInt(this.query.match(/\d+/)[0]);
+    };
+
+    return Media;
+
+  })();
+
+}).call(this);

metadata

@@ -0,0 +1,117 @@
+--- !ruby/object:Gem::Specification 
+name: jquery_picture_tag-rails
+version: !ruby/object:Gem::Version 
+  hash: 29
+  prerelease: 
+  segments: 
+  - 0
+  - 0
+  - 1
+  version: 0.0.1
+platform: ruby
+authors: 
+- Jessica Lynn Suttles
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-09-26 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: railties
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 3
+        - 1
+        - 0
+        version: 3.1.0
+    - - <
+      - !ruby/object:Gem::Version 
+        hash: 31
+        segments: 
+        - 5
+        - 0
+        version: "5.0"
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: thor
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        hash: 23
+        segments: 
+        - 0
+        - 14
+        version: "0.14"
+  type: :runtime
+  version_requirements: *id002
+description: Ruby Gem to Automate Using JQuery Picture Tag with Rails
+email: 
+- jlsuttles@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- CHANGELOG.md
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- jquery_picture_tag-rails.gemspec
+- lib/generators/jquery_picture_tag/install/install_generator.rb
+- lib/jquery_picture_tag-rails.rb
+- lib/jquery_picture_tag/rails.rb
+- lib/jquery_picture_tag/rails/engine.rb
+- lib/jquery_picture_tag/rails/version.rb
+- vendor/assets/javascripts/jquery.picture-tag-0.0.1.js
+homepage: ""
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 23
+      segments: 
+      - 1
+      - 3
+      - 6
+      version: 1.3.6
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Ruby Gem to Automate Using JQuery Picture Tag with Rails
+test_files: []
+