sprockets-media_query_combiner 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 'https://rubygems.org'
+
+# Specify your gem's dependencies in sprockets-media-query-combiner.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Aaron Jensen
+
+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,87 @@
+# Sprockets::MediaQueryCombiner
+
+Combines all matching media queries while compiling your assets with
+sprockets/Rails asset pipeline. For example:
+
+```css
+h3 {
+  color: orange
+}
+@media (max-width: 480px) {
+  h1 {
+    color: red
+  }
+}
+@media (max-width: 980px) {
+  h4 {
+    color: black
+  }
+}
+@media (max-width: 480px) {
+  h2 {
+    color: blue
+  }
+}
+```
+
+Would end up as (except the whitespace won't be so clean):
+
+```css
+h3 {
+  color: orange
+}
+@media (max-width: 480px) {
+  h1 {
+    color: red
+  }
+  h2 {
+    color: blue
+  }
+}
+@media (max-width: 980px) {
+  h4 {
+    color: black
+  }
+}
+```
+
+### Note
+
+**This will change the order of your css, so be aware of that.** All the
+`@media` queries will end up at the end of each css file in the order that
+they are first encountered. In other words, if you're relying on only using
+min-width or only using max-width in a specific order you'll want to be sure
+define your media queries in the right order up front before you use them
+randomly throughout your file.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'sprockets-media_query_combiner'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install sprockets-media_query_combiner
+
+## Usage
+
+If you're using Rails you're done. Nothing more to do.
+
+If you're using Sprockets on its own you'll need to register the bundle processor:
+
+```ruby
+register_bundle_processor 'text/css', Sprockets::MediaQueryCombiner::Processor
+```
+
+## 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/sprockets/media_query_combiner/engine.rb

@@ -0,0 +1,13 @@
+require 'sprockets/media_query_combiner/processor'
+
+if defined?(Rails)
+  module Sprockets
+    module MediaQueryCombiner
+      class Engine < Rails::Engine
+        initializer :setup_media_query_combiner, after: 'sprockets.environment', group: :assets do |app|
+          app.assets.register_bundle_processor 'text/css', Sprockets::MediaQueryCombiner::Processor
+        end
+      end
+    end
+  end
+end

data/lib/sprockets/media_query_combiner/processor.rb

@@ -0,0 +1,19 @@
+require 'tilt'
+
+module Sprockets
+  module MediaQueryCombiner
+    class Processor < Tilt::Template
+      def prepare
+      end
+
+      def evaluate(context, locals, &block)
+        queries = Hash.new { |hash, key| hash[key] = '' }
+        filtered_data = data.gsub(/@media(?<query>[^{]+){(?<body>(?<braces>(?:[^{}]+)|({\g<braces>}))*)}\n?/m) do |match|
+          queries[$1.strip] << $2.strip; ''
+        end
+
+        "#{filtered_data}#{queries.map { |query, body| "@media #{query}{#{body}}" }.join}\n"
+      end
+    end
+  end
+end

data/lib/sprockets/media_query_combiner/version.rb

@@ -0,0 +1,5 @@
+module Sprockets
+  module MediaQueryCombiner
+    VERSION = "0.0.1"
+  end
+end

data/lib/sprockets/media_query_combiner.rb

@@ -0,0 +1,3 @@
+require "sprockets/media_query_combiner/version"
+require "sprockets/media_query_combiner/processor"
+require "sprockets/media_query_combiner/engine"

data/lib/sprockets-media_query_combiner.rb

@@ -0,0 +1 @@
+require "sprockets/media_query_combiner"

data/spec/spec_helper.rb

@@ -0,0 +1,17 @@
+# This file was generated by the `rspec --init` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# Require this file using `require "spec_helper"` to ensure that it is only
+# loaded once.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+RSpec.configure do |config|
+  config.treat_symbols_as_metadata_keys_with_true_values = true
+  config.run_all_when_everything_filtered = true
+  config.filter_run :focus
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = 'random'
+end

data/spec/sprockets/media_query_combiner/processor_spec.rb

@@ -0,0 +1,44 @@
+require 'spec_helper'
+require 'sprockets/media_query_combiner/processor'
+
+module Sprockets::MediaQueryCombiner
+  describe Processor do
+    it "should work" do
+      combiner = Processor.new do
+<<CSS
+h3 {
+  color: orange
+}
+@media (max-width: 480px) {
+  h1 {
+    color: red
+  }
+}
+@media (max-width: 980px) {
+  h4 {
+    color: black
+  }
+}
+@media (max-width: 480px) {
+  h2 {
+    color: blue
+  }
+}
+CSS
+      end
+      combiner.evaluate(nil, nil).should == <<CSS
+h3 {
+  color: orange
+}
+@media (max-width: 480px){h1 {
+    color: red
+  }h2 {
+    color: blue
+  }}@media (max-width: 980px){h4 {
+    color: black
+  }}
+CSS
+    end
+
+  end
+end

data/sprockets-media_query_combiner.gemspec

@@ -0,0 +1,21 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/sprockets/media_query_combiner/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Aaron Jensen"]
+  gem.email         = ["aaronjensen@gmail.com"]
+  gem.summary       = %q{Automatically combine media queries}
+  gem.description   = %q{Sprockets bundle processor to combine all like media queries}
+  gem.homepage      = ""
+
+  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          = "sprockets-media_query_combiner"
+  gem.require_paths = ["lib"]
+  gem.version       = Sprockets::MediaQueryCombiner::VERSION
+
+  gem.add_runtime_dependency "sprockets", "~>2.1.3"
+
+  gem.add_development_dependency "rspec"
+end

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification
+name: sprockets-media_query_combiner
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Aaron Jensen
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-09-21 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sprockets
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.1.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.1.3
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Sprockets bundle processor to combine all like media queries
+email:
+- aaronjensen@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- lib/sprockets-media_query_combiner.rb
+- lib/sprockets/media_query_combiner.rb
+- lib/sprockets/media_query_combiner/engine.rb
+- lib/sprockets/media_query_combiner/processor.rb
+- lib/sprockets/media_query_combiner/version.rb
+- spec/spec_helper.rb
+- spec/sprockets/media_query_combiner/processor_spec.rb
+- sprockets-media_query_combiner.gemspec
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Automatically combine media queries
+test_files:
+- spec/spec_helper.rb
+- spec/sprockets/media_query_combiner/processor_spec.rb