sassc-media_query_combiner 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: ffca2139033f4899d98979623a6cc5da0e6686d8fdae9d9e91a9b60a6651db3d
+  data.tar.gz: 3da0ef2da4784bb1137b4a880fb16489279e6b29c4618ebc704ad0204572566a
+SHA512:
+  metadata.gz: bece214e207b5dce411f74965abf01fa56098323c5dbbbba4f240ba73cab970efd6aa8cada1b3c8f72a81743323bc791e4d4aaa64438e6574986f7839ee10cbe
+  data.tar.gz: 7f914e7dd2e50d26664dee3638a7774026b25e68b09e5627d7a08aef66591630461acc32cd7e8df03273c818b165fd604a1049c0a8e8109eb6691c3a4878a984

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/CHANGELOG.md

@@ -0,0 +1 @@
+## 0.0.1

data/Gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in sassc-media_query_combiner.gemspec
+gemspec
+
+group :test do
+  gem 'coveralls', require: false
+end

data/LICENSE.txt

@@ -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 @@
+# SassC::MediaQueryCombiner
+
+Combines all matching media queries while compiling your SassC.
+
+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
+
+Requires Ruby >= 1.9.2.
+
+Add this line to your application's Gemfile:
+
+    gem 'sassc-media_query_combiner'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install sassc-media_query_combiner
+
+## Usage
+
+In your `config.rb`
+
+```ruby
+require 'sassc-media_query_combiner'
+```
+
+If you're using `sassc --watch` do:
+
+```bash
+sassc --watch -r sassc-media_query_combiner
+```
+

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+
+require 'rspec/core/rake_task'
+RSpec::Core::RakeTask.new
+
+task :default => [:spec]

data/lib/sassc-media_query_combiner.rb

@@ -0,0 +1,12 @@
+require "sassc/media_query_combiner/version"
+require "sassc/media_query_combiner/combiner"
+require "sassc"
+
+SassC::Engine.class_eval do
+  def render_with_combine
+    SassC::MediaQueryCombiner::Combiner.combine(render_without_combine)
+  end
+  alias_method :render_without_combine, :render
+  alias_method :render, :render_with_combine
+  alias_method :to_css, :render_with_combine
+end

data/lib/sassc/media_query_combiner/combiner.rb

@@ -0,0 +1,52 @@
+module SassC
+  module MediaQueryCombiner
+    module Combiner
+      def self.combine(css)
+        queries = Hash.new { |hash, key| hash[key] = '' }
+        pretty = true
+
+        css, source_map_url = extract_source_map_url(css)
+
+        filtered_data = css.gsub(/
+          \n?                 # Optional newline
+          (?<query>           # The media query parameters, this will be $1
+            @media            #   Start with @media
+            (?!\ -sass-debug-info) # Ignore sass-debug-info
+            [^{]+             #   One to many characters that are not {, we are guaranteed to have a space
+          )
+          {
+          (?<body>            # The actual body, this will be $2
+            (?<braces>        #   Recursive capture group
+              (?:
+                [^{}]*        #     Anything that is not a brace
+                |             #     OR
+                {\g<braces>}  #     Recursively capture things within braces, this allows for balanced braces
+              )*              # As many of these as we have
+            )
+          )
+          }
+          \n?                 # Optional newline
+          /mx) do |match|
+          queries[$1] << $2
+          pretty &&= /\n$/m === match
+          ''
+        end
+
+        combined = queries.map { |query, body| "#{query}{#{body}}" }.
+          join(("\n\n" if pretty))
+        "#{filtered_data}#{"\n" if pretty}#{combined}#{source_map_url}\n"
+      end
+
+      def self.extract_source_map_url(css)
+        source_map_url = ''
+
+        css = css.gsub(/\n*\/\*# sourceMappingURL=.* \*\/$/m) do |match|
+          source_map_url = match
+          ''
+        end
+
+        return css, source_map_url
+      end
+    end
+  end
+end

data/lib/sassc/media_query_combiner/version.rb

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

data/sassc-media_query_combiner.gemspec

@@ -0,0 +1,27 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'sassc/media_query_combiner/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "sassc-media_query_combiner"
+  gem.version       = SassC::MediaQueryCombiner::VERSION
+  gem.authors       = ["Aaron Jensen"]
+  gem.email         = ["aaronjensen@gmail.com"]
+  gem.description   = %q{Automatically combine media queries}
+  gem.summary       = %q{Sass plugin to combine all like media queries}
+  gem.homepage      = ""
+  gem.license       = "MIT"
+
+  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"]
+
+  gem.required_ruby_version = '>= 1.9.2'
+
+  gem.add_runtime_dependency "sassc", ">=2.2.0"
+
+  gem.add_development_dependency "rspec"
+  gem.add_development_dependency "rake"
+end

data/spec/lib/sassc-media_query_combiner/combiner_spec.rb

@@ -0,0 +1,25 @@
+require 'spec_helper'
+require 'sassc/media_query_combiner/combiner'
+
+describe SassC::MediaQueryCombiner::Combiner do
+  it "should handle keyframes in media queries" do
+    Timeout::timeout(0.5) do
+      SassC::MediaQueryCombiner::Combiner.combine <<CSS
+@media (min-width: 40em) {
+  @-webkit-keyframes whatever {}
+}
+CSS
+    end
+  end
+
+  it "should handle debug info" do
+    Timeout::timeout(0.5) do
+      SassC::MediaQueryCombiner::Combiner.combine <<CSS
+@media (max-width: 480px) {
+@media -sass-debug-info {filename{}line{}}
+  h1 {
+    color: red; } }
+CSS
+    end
+  end
+end

data/spec/sassc-media_query_combiner_spec.rb

@@ -0,0 +1,103 @@
+require 'spec_helper'
+require 'sassc-media_query_combiner'
+
+describe "Combiner" do
+  let(:sass) { <<SASS }
+h3
+  color: orange
+
+@media (max-width: 480px)
+  h1
+    color: red
+
+@media (max-width: 980px)
+  h4
+    color: black
+
+@media (max-width: 480px)
+  h2
+    color: blue
+
+b
+  color: yellow
+SASS
+
+
+  it "should work with sass" do
+    # NOTE: the weird interpolated space in there is required to match.
+    # My editor strips out trailing whitespace, so that's how I get it to stay.
+    expected_output = <<CSS
+h3 {
+  color: orange; }
+b {
+  color: yellow; }
+
+@media (max-width: 480px) {
+  h1 {
+    color: red; }#{" "}
+  h2 {
+    color: blue; } }
+
+@media (max-width: 980px) {
+  h4 {
+    color: black; } }
+CSS
+
+    SassC::Engine.new(sass).render.should == expected_output
+  end
+
+  it "should work with sourcemaps" do
+    options = {
+      filename: "out.css",
+      sourcemap_filename: "out.css.map"
+    }
+
+    expected_output = <<CSS
+h3 {
+  color: orange; }
+b {
+  color: yellow; }
+
+@media (max-width: 480px) {
+  h1 {
+    color: red; }#{" "}
+  h2 {
+    color: blue; } }
+
+@media (max-width: 980px) {
+  h4 {
+    color: black; } }
+
+/*# sourceMappingURL=out.css.map */
+CSS
+
+    output, _ = SassC::Engine.new(sass, options).render_with_sourcemap("out.css.map")
+    output.should == expected_output
+  end
+
+  it "should work with debug_info: true" do
+    Timeout::timeout(1) do
+      SassC::Engine.new(sass, debug_info: true).render.should == <<CSS
+@media -sass-debug-info{filename{}line{font-family:\\000031}}
+h3 {
+  color: orange; }
+@media -sass-debug-info{filename{}line{font-family:\\0000316}}
+b {
+  color: yellow; }
+
+@media (max-width: 480px) {
+@media -sass-debug-info{filename{}line{font-family:\\000035}}
+  h1 {
+    color: red; }#{" "}
+@media -sass-debug-info{filename{}line{font-family:\\0000313}}
+  h2 {
+    color: blue; } }
+
+@media (max-width: 980px) {
+@media -sass-debug-info{filename{}line{font-family:\\000039}}
+  h4 {
+    color: black; } }
+CSS
+    end
+  end
+end

data/spec/spec_helper.rb

@@ -0,0 +1,14 @@
+require 'coveralls'
+Coveralls.wear!
+
+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

metadata

@@ -0,0 +1,101 @@
+--- !ruby/object:Gem::Specification
+name: sassc-media_query_combiner
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Aaron Jensen
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2020-06-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sassc
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.0
+- !ruby/object:Gem::Dependency
+  name: rspec
+  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: 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'
+description: Automatically combine media queries
+email:
+- aaronjensen@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- CHANGELOG.md
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- lib/sassc-media_query_combiner.rb
+- lib/sassc/media_query_combiner/combiner.rb
+- lib/sassc/media_query_combiner/version.rb
+- sassc-media_query_combiner.gemspec
+- spec/lib/sassc-media_query_combiner/combiner_spec.rb
+- spec/sassc-media_query_combiner_spec.rb
+- spec/spec_helper.rb
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 1.9.2
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.1.2
+signing_key:
+specification_version: 4
+summary: Sass plugin to combine all like media queries
+test_files:
+- spec/lib/sassc-media_query_combiner/combiner_spec.rb
+- spec/sassc-media_query_combiner_spec.rb
+- spec/spec_helper.rb