middleman-inline-style 0.5.1 → 0.6.0

data/.rspec

@@ -1 +0,0 @@
---color

data/Gemfile.lock

@@ -1,55 +0,0 @@
-PATH
-  remote: .
-  specs:
-    inline-style (0.4.10)
-      css_parser
-      facets
-      maca-fork-csspool
-      nokogiri
-
-GEM
-  remote: http://rubygems.org/
-  specs:
-    activesupport (3.0.4)
-    css_parser (1.1.5)
-    diff-lcs (1.1.2)
-    facets (2.9.1)
-    ffi (1.0.7)
-      rake (>= 0.8.7)
-    i18n (0.5.0)
-    maca-fork-csspool (2.0.2)
-      ffi
-    mail (2.2.15)
-      activesupport (>= 2.3.6)
-      i18n (>= 0.4.0)
-      mime-types (~> 1.16)
-      treetop (~> 1.4.8)
-    mime-types (1.16)
-    nokogiri (1.4.4)
-    polyglot (0.3.1)
-    rack (1.2.1)
-    rake (0.8.7)
-    rspec (2.4.0)
-      rspec-core (~> 2.4.0)
-      rspec-expectations (~> 2.4.0)
-      rspec-mocks (~> 2.4.0)
-    rspec-core (2.4.0)
-    rspec-expectations (2.4.0)
-      diff-lcs (~> 1.1.2)
-    rspec-mocks (2.4.0)
-    treetop (1.4.9)
-      polyglot (>= 0.3.1)
-
-PLATFORMS
-  ruby
-
-DEPENDENCIES
-  css_parser
-  facets
-  inline-style!
-  maca-fork-csspool
-  mail
-  nokogiri
-  rack
-  rspec
-  rspec-core

data/README.rdoc

@@ -1,127 +0,0 @@
-= middleman-inline-style
-
-https://github.com/trenton42/middleman-inline-style
-
-Slightly modified version of http://github.com/maca/inline-style to work directly with middleman
-
-
-== Description
-
-Will take all css in a page (either from linked stylesheet or from style tag) and will embed it in the style attribute for 
-each refered element taking selector specificity and declarator order.
-
-With this you can generate your html email templates with middleman without needing to inline all of the styles yourself
-
-*Note*
-
-Currently only works with styles specified in <style></style> tags.
-
-
-== Usage (in your config.rb)
-                      
-    require 'middleman-inline-style'
-
-    activate :inline_style
-        
-index.html contains:
-    
-    <style type="text/css" media="screen">
-    * {
-      font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
-      margin: 4px 3px 2px 1px;
-      padding: 0;
-    }
-
-    #list {
-      margin: 10;
-    }
-
-    #list li {
-      font-family: Arial;
-    }
-
-    .element {
-      padding: 10;
-    }
-
-    .odd {
-      background-color: black;
-    }
-
-    .pair {
-      background-color: red;
-    }
-
-    </style>
-    
-    
-    <ul id='number' class='listing inlined' style='background-color: yellow'>
-      <li class='list-element odd'>
-        <span>1</span>
-      </li>
-      <li class='list-element pair'>
-        <span>2</span>
-      </li>
-      <li class='list-element odd'>
-        <span>3</span>
-      </li>
-      <li class='list-element pair'>
-        <span>4</span>
-      </li>
-    </ul>
-
-Will become:
-        
-    <ul id="number" class="listing inlined" style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;background-color: yellow;'>
-      <li class="list-element odd" style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;background-color: black;'>
-        <span style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;'>1</span>
-      </li>
-      <li class="list-element pair" style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;background-color: red;'>
-        <span style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;'>2</span>
-      </li>
-      <li class="list-element odd" style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;background-color: black;'>
-        <span style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;'>3</span>
-      </li>
-      <li class="list-element pair" style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;background-color: red;'>
-        <span style='font-family: "Lucida Grande", Lucida, Verdana, sans-serif;margin: 4.0px 3.0px 2.0px 1.0px;padding: 0.0;'>4</span>
-      </li>
-    </ul>
-    
-
-== Requirements:
-
-nokogiri && (css_parser || maca-fork-csspool)
-
-
-== Install:
-(in your Gemfile)
-gem 'maca-fork-csspool'  # Optional requires librcroco to be installed
-gem "middleman-inline-style"
-    
-    bundle install
-
-
-== License:
-
-(The MIT License)
-
-Copyright (c) 2009 Macario Ortega
-
-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/example.rb

@@ -1,5 +0,0 @@
-require 'rubygems'
-require "#{ dir = File.dirname(__FILE__) }/lib/middleman-inline-style"
-
-html  = File.read("#{ fixtures = dir + '/spec/fixtures' }/boletin.html")
-puts InlineStyle.process(html)

data/lib/middleman-inline-style/css_parser_wrapper.rb

@@ -1,15 +0,0 @@
-require 'css_parser'
-
-class InlineStyle
-  class CssParserWrapper
-    attr_accessor :rules
-
-    def initialize(css_code)
-      parser, @rules = CssParser::Parser.new, []
-      parser.add_block! css_code
-      parser.each_rule_set do |rule_set| 
-        rule_set.each_selector { |sel, dec, spec| @rules << Rule.new(sel, dec, '%04d' % spec.to_i) } 
-      end
-    end
-  end
-end

data/lib/middleman-inline-style/csspool_wrapper.rb

@@ -1,12 +0,0 @@
-class InlineStyle
-  class CSSPoolWrapper
-    attr_accessor :rules
-
-    def initialize css_code
-      parser = CSSPool.CSS css_code
-      @rules = parser.rule_sets.map do |rule_set| 
-        rule_set.selectors.map { |sel| Rule.new(sel.to_s, sel.declarations.join, "0#{sel.specificity.join}") }
-      end.flatten 
-    end
-  end
-end

data/lib/middleman-inline-style/mail-interceptor.rb

@@ -1,37 +0,0 @@
-# A interceptor for +mail+ (https://github.com/mikel/mail) to
-# automatically inline the styles of outgoing e-mails. To use:
-#
-#   Mail.register_interceptor \
-#     InlineStyle::Mail::Interceptor.new(:stylesheets_path => 'public')
-#
-# Rails 3's ActionMailer wraps around the +mail+ and also supports
-# interceptors. Example usage:
-#
-#   ActionMailer::Base.register_interceptor \
-#     InlineStyle::Mail::Interceptor.new(:stylesheets_path => 'public')
-#
-module InlineStyle::Mail
-  class Interceptor
-    # The mime types we should inline. Basically HTML and XHTML.
-    # If you have something else you can just push it onto the list
-    INLINE_MIME_TYPES = %w(text/html application/xhtml+xml)
-
-    # Save the options to later pass to InlineStyle.process
-    def initialize(options={})
-      @options = options
-    end
-
-    # Mail callback where we actually inline the styles
-    def delivering_email(part)
-      if part.multipart?
-        for part in part.parts
-          delivering_email part
-        end
-      elsif INLINE_MIME_TYPES.any? {|m| part.content_type && part.content_type.starts_with?(m)}
-        part.body = InlineStyle.process(part.body.to_s, @options)
-        part.content_transfer_encoding = nil
-      end
-    end
-
-  end
-end

data/lib/middleman-inline-style/rule.rb

@@ -1,18 +0,0 @@
-class InlineStyle
-  # A simple abstraction of the data we get back from the parsers. CSSPool
-  # actually already does this for us but CSSParser does not so we need
-  # to create the abstraction ourselves.
-  class Rule
-    DYNAMIC_PSEUDO_CLASSES = %w(link visited active hover focus target enabled disabled checked)
-    DYNAMIC_PSEUDO_CLASSES_MATCHER = /:(#{DYNAMIC_PSEUDO_CLASSES.join('|')})$/
-
-    attr_reader :selector, :declarations, :specificity, :dynamic_pseudo_class
-
-    def initialize selector, declarations, specificity
-      @specificity = specificity
-      @selector, @dynamic_pseudo_class = selector.split DYNAMIC_PSEUDO_CLASSES_MATCHER
-      @selector.sub! /$^/, '*'
-      @declarations = declarations.scan /\s*([^:]+):\s*([^;]+);/
-    end
-  end
-end

data/spec/css_inlining_spec.rb

@@ -1,90 +0,0 @@
-require "spec_helper"
-
-describe InlineStyle do
-  shared_examples_for 'inlines styles' do
-    before do
-      processed  = InlineStyle.process File.read("#{FIXTURES}/boletin.html"), :stylesheets_path => FIXTURES
-      @processed = Nokogiri.HTML(processed)
-    end
-
-    it "should extract from linked stylesheet" do
-      @processed.css('#izq').first['style'].should match_style /margin: 30.0px;/
-    end
-
-    it "should extract styles from linked stylesheet with no media specified" do
-      @processed.css('#izq').first['style'].should match_style /color: red;/
-    end
-
-    it "should extract styles from linked stylesheet with media 'all'" do
-      @processed.css('#izq').first['style'].should match_style /border: none;/
-    end
-
-    it "should ignore styles from linked stylesheet with media other than screen" do
-      @processed.css('#izq').first['style'].should_not match_style /display: none;/
-    end
-
-    it "should not process pseudo classes" do
-      @processed.css('a').first['style'].should_not match_style /^:hover \{background-color: #8ae0ea; color: #126b5d;\}$/
-    end
-
-    it 'should process location-based pseudo classes' do
-      @processed.at_css('#izq')['style'].should match_style /padding: 1.0px;/
-    end
-
-    it 'should apply to #A #B' do
-      @processed.css('#logos #der').first['style'].should match_style /float: right;/
-    end
-
-    it 'should not override rules defined inline' do
-      @processed.css('#aviso').first['style'].should match_style /color: green;/
-    end
-
-    it 'should overwrite rule previously defined' do
-      @processed.css('#izq').first['style'].should_not match_style /padding: 0.0;/
-    end
-
-    describe 'Box model' do
-      before do
-        @processed = InlineStyle.process(Nokogiri.HTML(File.read("#{FIXTURES}/box-model.html")))
-      end
-
-      it "should inline style for selector ul" do
-        @processed.css('ul').first['style'].should match_style /^background: yellow; margin: 12.0px 12.0px 12.0px 12.0px; padding: 3.0px 3.0px 3.0px 3.0px;$/
-      end
-
-      it "should inline style for selector li" do
-        @processed.css('li').each do |li|
-          li['style'].should match_style /^color: white; background: blue; margin: 12.0px 12.0px 12.0px 12.0px; padding: 12.0px 0.0px 12.0px 12.0px; list-style: none/
-        end
-      end
-
-      it "should inline style for selector li.withborder" do
-        @processed.css('li.withborder').first['style'].
-          should match_style /^color: white; background: blue; margin: 12.0px 12.0px 12.0px 12.0px; padding: 12.0px 0.0px 12.0px 12.0px; list-style: none; border-style: dashed; border-width: medium; border-color: lime;$/    
-      end
-    end
-  end
-
-  describe CssParser do
-    it { InlineStyle::CSSParser.should == InlineStyle::CssParserWrapper }
-    it_should_behave_like 'inlines styles'
-  end
-
-  describe CSSPool do
-    before do
-      class InlineStyle
-        remove_const :CSSParser
-        CSSParser = InlineStyle::CSSPoolWrapper 
-      end
-    end
-
-    after do
-      class InlineStyle
-        remove_const :CSSParser
-        CSSParser = InlineStyle::CssParserWrapper 
-      end
-    end
-    it { InlineStyle::CSSParser.should == InlineStyle::CSSPoolWrapper }
-    it_should_behave_like 'inlines styles'
-  end
-end

data/spec/css_parsing_spec.rb

@@ -1,146 +0,0 @@
-require "spec_helper"
-
-describe 'CSS parsing' do
-  shared_examples_for 'parses css' do
-    describe 'parsing tag selector' do
-      before do 
-        @wrapper = subject.new 'p {background-color: black; padding: 0.0 0.0 0.0 0.0}'
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        it { @rule.specificity.should == '0001' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'p' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-    end
-
-    describe 'parsing body tag selector' do
-      before do 
-        @wrapper = subject.new 'body {background-color: black; padding: 0.0 0.0 0.0 0.0}'
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        it { @rule.specificity.should == '0001' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'body' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-    end
-
-    describe 'parsing tag and class selector' do
-      before do 
-        @wrapper = subject.new 'div.article {background-color: black; padding: 0.0 0.0 0.0 0.0}'
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        it { @rule.specificity.should == '0011' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'div.article' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-    end
-
-    describe 'parsing tag, class and id selector' do
-      before do 
-        @wrapper = subject.new 'div#headline.article {background-color: black; padding: 0.0 0.0 0.0 0.0}'
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        it { @rule.specificity.should == '0111' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'div#headline.article' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-    end
-
-    describe 'parsing tag selector' do
-      before do 
-        @wrapper = subject.new 'p, div {background-color: black; padding: 0.0 0.0 0.0 0.0}'
-      end
-
-      it { @wrapper.should have(2).rules }
-
-      describe 'first rule' do
-        before { @rule = @wrapper.rules.first }
-        it { @rule.specificity.should == '0001' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'p' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-
-      describe 'last rule' do
-        before { @rule = @wrapper.rules.last }
-        it { @rule.specificity.should == '0001' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'div' }
-        it { @rule.dynamic_pseudo_class.should be_nil }
-      end
-    end
-
-    describe 'dynamic pseudo selectors' do
-      InlineStyle::Rule::DYNAMIC_PSEUDO_CLASSES.each do |pseudo_class|
-        describe "parsing tag with :#{pseudo_class}" do
-          before { @dynamic_pseudo_class = pseudo_class }
-          it_should_behave_like 'parses dynamic pseudo selector'
-        end
-      end
-    end
-  end
-
-  shared_examples_for 'parses dynamic pseudo selector' do
-    describe 'with tag' do
-      before do 
-        @wrapper = subject.new "p:#{@dynamic_pseudo_class} {background-color: black; padding: 0.0 0.0 0.0 0.0}"
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        # it { @rule.specificity.should == '011' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == 'p' }
-        it { @rule.dynamic_pseudo_class.should == @dynamic_pseudo_class }
-      end
-    end
-
-    describe 'without tag' do
-      before do 
-        @wrapper = subject.new ":#{@dynamic_pseudo_class} {background-color: black; padding: 0.0 0.0 0.0 0.0}"
-      end
-
-      it { @wrapper.should have(1).rules }
-
-      describe 'rule' do
-        before { @rule = @wrapper.rules.first }
-        # it { @rule.specificity.should == '011' }
-        it { @rule.declarations.should == [['background-color', 'black'], ['padding', '0.0 0.0 0.0 0.0']] }
-        it { @rule.selector.should == '*' }
-        it { @rule.dynamic_pseudo_class.should == @dynamic_pseudo_class }
-      end
-    end
-  end
-
-  describe InlineStyle::CssParserWrapper do
-    subject { InlineStyle::CssParserWrapper }
-    it_should_behave_like 'parses css'
-  end
-
-  describe InlineStyle::CssParserWrapper do
-    subject { InlineStyle::CSSPoolWrapper }
-    it_should_behave_like 'parses css'
-  end
-end