csscss 0.0.1 → 0.1.0

data/lib/csscss/version.rb

@@ -1,3 +1,3 @@
 module Csscss
-  VERSION = "0.0.1"
+  VERSION = "0.1.0"
 end

data/lib/csscss.rb

@@ -1,11 +1,32 @@
 require "stringio"
 require "optparse"
+require "json"
 
 require "parslet"
-require "csspool"
+require "csscss/parslet_optimizations"
 
 require "csscss/version"
 require "csscss/cli"
 require "csscss/types"
 require "csscss/redundancy_analyzer"
 require "csscss/reporter"
+require "csscss/json_reporter"
+
+require "csscss/parser/common"
+require "csscss/parser/color"
+require "csscss/parser/base"
+require "csscss/parser/multi_side_transformer"
+
+require "csscss/parser/css"
+require "csscss/parser/background"
+require "csscss/parser/list_style"
+require "csscss/parser/margin"
+require "csscss/parser/padding"
+require "csscss/parser/border_width"
+require "csscss/parser/border_color"
+require "csscss/parser/border_style"
+require "csscss/parser/border_side"
+require "csscss/parser/border"
+require "csscss/parser/outline"
+require "csscss/parser/font"
+

data/test/csscss/json_reporter_test.rb

@@ -0,0 +1,34 @@
+require "test_helper"
+
+module Csscss
+  describe JSONReporter do
+    include TypeHelpers
+
+    it "formats json result" do
+      reporter = JSONReporter.new({
+        [sel(".foo"), sel(".bar")] => [dec("width", "1px"), dec("border", "black")],
+        [sel("h1, h2"), sel(".foo"), sel(".baz")] => [dec("display", "none")],
+        [sel("h1, h2"), sel(".bar")] => [dec("position", "relative")]
+      })
+
+      expected = [
+        {
+          "selectors" => %w(.foo .bar),
+          "count" => 2,
+          "declarations" => ["width: 1px", "border: black"]
+        },
+        {
+          "selectors" => ["h1, h2", ".foo", ".baz"],
+          "count" => 1,
+          "declarations" => ["display: none"]
+        },
+        {
+          "selectors" => ["h1, h2", ".bar"],
+          "count" => 1,
+          "declarations" => ["position: relative"]
+        },
+      ]
+      reporter.report.must_equal JSON.dump(expected)
+    end
+  end
+end

data/test/csscss/parser/background_test.rb

@@ -0,0 +1,57 @@
+require "test_helper"
+
+module Csscss::Parser
+  module Background
+    describe Background do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "parses position" do
+        @parser.bg_position.must_parse("10.2%")
+        @parser.bg_position.must_parse("left")
+        @parser.bg_position.must_parse("44em")
+        @parser.bg_position.must_parse("left 11%")
+        @parser.bg_position.must_parse("left bottom")
+        @parser.bg_position.must_parse("inherit")
+        @parser.bg_position.must_parse("bottom")
+        @parser.bg_position.wont_parse("bottom left")
+        @parser.bg_position.wont_parse("inherit bottom")
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("rgb(111, 222, 333) none repeat-x scroll").must_equal([
+          dec("background-color", "rgb(111, 222, 333)"),
+          dec("background-image", "none"),
+          dec("background-repeat", "repeat-x"),
+          dec("background-attachment", "scroll")
+        ])
+
+        trans("inherit none inherit 10% bottom").must_equal([
+          dec("background-color", "inherit"),
+          dec("background-image", "none"),
+          dec("background-repeat", "inherit"),
+          dec("background-position", "10% bottom")
+        ])
+
+        trans("#fff url(http://foo.com/bar.jpg) bottom").must_equal([
+          dec("background-color", "#fff"),
+          dec("background-image", "url(http://foo.com/bar.jpg)"),
+          dec("background-position", "bottom")
+        ])
+
+        trans("#fff").must_equal([dec("background-color", "#fff")])
+        trans("BLACK").must_equal([dec("background-color", "black")])
+      end
+
+      it "tries the parse and returns false if it doesn't work" do
+        @parser.try_parse("foo").must_equal(false)
+        parsed = @parser.try_parse("black")
+        parsed[:background][:bg_color].must_equal(color:{keyword:"black"})
+      end
+    end
+  end
+end

data/test/csscss/parser/border_color_test.rb

@@ -0,0 +1,30 @@
+require "test_helper"
+
+module Csscss::Parser
+  module BorderColor
+    describe BorderColor do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("#fff transparent black rgb(1, 2, 3)").must_equal([
+          dec("border-top-color", "#fff"),
+          dec("border-right-color", "transparent"),
+          dec("border-bottom-color", "black"),
+          dec("border-left-color", "rgb(1, 2, 3)")
+        ])
+
+        trans("#fff black").must_equal([
+          dec("border-top-color", "#fff"),
+          dec("border-right-color", "black"),
+          dec("border-bottom-color", "#fff"),
+          dec("border-left-color", "black")
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/border_side_test.rb

@@ -0,0 +1,44 @@
+require "test_helper"
+
+module Csscss::Parser
+  module BorderSide
+    describe self do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new("top")
+      end
+
+      def trans_top(s)
+        Transformer.new.apply(@parser.parse(s))
+      end
+      alias_method :trans, :trans_top
+
+      def trans_bottom(s)
+        Transformer.new.apply(Parser.new("bottom").parse(s))
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans_top("thin").must_equal([
+          dec("border-top-width", "thin")
+        ])
+
+        trans_bottom("rgb(1, 2, 3)").must_equal([
+          dec("border-bottom-color", "rgb(1, 2, 3)")
+        ])
+
+        trans_top("thin solid #fff").must_equal([
+          dec("border-top-width", "thin"),
+          dec("border-top-style", "solid"),
+          dec("border-top-color", "#fff")
+        ])
+
+        trans_bottom("thin solid #fff").must_equal([
+          dec("border-bottom-width", "thin"),
+          dec("border-bottom-style", "solid"),
+          dec("border-bottom-color", "#fff")
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/border_style_test.rb

@@ -0,0 +1,30 @@
+require "test_helper"
+
+module Csscss::Parser
+  module BorderStyle
+    describe BorderStyle do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("none dashed solid ridge").must_equal([
+          dec("border-top-style", "none"),
+          dec("border-right-style", "dashed"),
+          dec("border-bottom-style", "solid"),
+          dec("border-left-style", "ridge")
+        ])
+
+        trans("none dashed").must_equal([
+          dec("border-top-style", "none"),
+          dec("border-right-style", "dashed"),
+          dec("border-bottom-style", "none"),
+          dec("border-left-style", "dashed")
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/border_test.rb

@@ -0,0 +1,31 @@
+require "test_helper"
+
+module Csscss::Parser
+  module Border
+    describe Border do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("1px solid #fff").must_equal([
+          dec("border-top-width", "1px"),
+          dec("border-top-style", "solid"),
+          dec("border-top-color", "#fff"),
+          dec("border-right-width", "1px"),
+          dec("border-right-style", "solid"),
+          dec("border-right-color", "#fff"),
+          dec("border-bottom-width", "1px"),
+          dec("border-bottom-style", "solid"),
+          dec("border-bottom-color", "#fff"),
+          dec("border-left-width", "1px"),
+          dec("border-left-style", "solid"),
+          dec("border-left-color", "#fff")
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/border_width_test.rb

@@ -0,0 +1,30 @@
+require "test_helper"
+
+module Csscss::Parser
+  module BorderWidth
+    describe BorderWidth do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("thin thick inherit 10em").must_equal([
+          dec("border-top-width", "thin"),
+          dec("border-right-width", "thick"),
+          dec("border-bottom-width", "inherit"),
+          dec("border-left-width", "10em")
+        ])
+
+        trans("thin thick").must_equal([
+          dec("border-top-width", "thin"),
+          dec("border-right-width", "thick"),
+          dec("border-bottom-width", "thin"),
+          dec("border-left-width", "thick")
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/color_test.rb

@@ -0,0 +1,51 @@
+require "test_helper"
+
+module Csscss::Parser
+  describe Color do
+    class ColorTest
+      include Color
+    end
+
+    before { @parser = ColorTest.new }
+
+    describe "color" do
+      it "parses color" do
+        @parser.color.must_parse "rgb(123, 222, 444)"
+        @parser.color.must_parse "rgb(123%, 222%, 444%)"
+        @parser.color.must_parse "#ffffff"
+        @parser.color.must_parse "inherit"
+        @parser.color.must_parse "black"
+      end
+    end
+
+    describe "individual rules" do
+      it "parses rgb number color" do
+        @parser.rgb.must_parse "rgb(123, 222, 444)"
+        @parser.rgb.must_parse "rgb  (  123  , 222  , 444  )  "
+        @parser.rgb.wont_parse "rgb(1aa, 222, 444)"
+      end
+
+      it "parses rgb percentage color" do
+        @parser.rgb.must_parse "rgb(123%, 222%, 444%)"
+        @parser.rgb.must_parse "rgb  (  123%  , 222%  , 444%  )  "
+        @parser.rgb.wont_parse "rgb(1aa%, 222%, 444%)"
+      end
+
+      it "parses hex colors" do
+        @parser.hexcolor.must_parse "#ffffff"
+        @parser.hexcolor.must_parse "#ffffff  "
+        @parser.hexcolor.must_parse "#fff "
+        @parser.hexcolor.must_parse "#fFF123"
+        @parser.hexcolor.wont_parse "fFF123"
+      end
+
+      it "parses keyword colors" do
+        @parser.color_keyword.must_parse "inherit"
+        @parser.color_keyword.must_parse "inherit  "
+
+        @parser.color_keyword.must_parse "black"
+        @parser.color_keyword.must_parse "BLACK"
+      end
+    end
+  end
+end

data/test/csscss/parser/common_test.rb

@@ -0,0 +1,130 @@
+require "test_helper"
+
+module Csscss::Parser
+  describe Common do
+    class CommonTest
+      include Common
+    end
+
+    before { @parser = CommonTest.new }
+
+    describe "#stri" do
+      it "parses case insensitive strings" do
+        @parser.stri("a").must_parse "a"
+        @parser.stri("A").must_parse "a"
+        @parser.stri("A").wont_parse "b"
+
+        @parser.stri("This too shall pass").must_parse "this TOO shall PASS"
+        @parser.stri("[").must_parse "["
+      end
+    end
+
+    describe "#spaces" do
+      it "parses series of spaces" do
+        @parser.space.must_parse " "
+        @parser.space.must_parse "  "
+        @parser.space.must_parse "\n"
+        @parser.space.wont_parse "  a"
+
+        @parser.space.wont_parse ""
+        @parser.space?.must_parse ""
+      end
+    end
+
+    describe "#symbol" do
+      it "parses case insensitive characters followed by spaces" do
+        @parser.symbol("foo").must_parse "foo"
+        @parser.symbol("foo").must_parse "foo  "
+        @parser.symbol("foo").must_parse "Foo  "
+        @parser.symbol("foo").wont_parse " Foo  "
+      end
+
+      it "optionally captures input" do
+        parsed = @parser.symbol("foo", :foo).parse("Foo  ")
+        parsed[:foo].must_equal "Foo"
+      end
+    end
+
+    describe "between and helpers" do
+      it "parses characters surrounded" do
+        @parser.between("[", "]") { @parser.symbol("foo") }.must_parse "[foo]"
+      end
+
+      it "parses input surrounded by parens" do
+        @parser.parens { @parser.symbol("foo") }.must_parse "(foo)"
+        @parser.parens { @parser.symbol("foo") }.must_parse "(FOo)  "
+        @parser.parens { @parser.symbol("foo") }.must_parse "(FOo  )  "
+        @parser.parens { @parser.symbol("food") }.wont_parse "(FOo"
+      end
+
+      it "parses input surrounded by double quotes" do
+        @parser.double_quoted { @parser.symbol("foo") }.must_parse %("foo")
+        @parser.double_quoted { @parser.symbol("foo") }.must_parse %("FOo  ")
+        @parser.double_quoted { @parser.symbol("foo") }.must_parse %("FOo  "  )
+        @parser.double_quoted { @parser.symbol("food") }.wont_parse %("FOo)
+      end
+
+      it "parses input surrounded by single quotes" do
+        @parser.single_quoted { @parser.symbol('foo') }.must_parse %('foo')
+        @parser.single_quoted { @parser.symbol('foo') }.must_parse %('FOo  ')
+        @parser.single_quoted { @parser.symbol('foo') }.must_parse %('FOo  '  )
+        @parser.single_quoted { @parser.symbol('food') }.wont_parse %('FOo)
+      end
+    end
+
+    describe "number and numbers" do
+      it "parses single numbers" do
+        @parser.number.must_parse "1"
+        @parser.number.wont_parse "12"
+        @parser.number.wont_parse "a"
+        @parser.number.wont_parse "1 "
+      end
+
+      it "parses multiple numbers" do
+        @parser.numbers.must_parse "1"
+        @parser.numbers.must_parse "12"
+        @parser.numbers.wont_parse "12 "
+        @parser.numbers.wont_parse "1223a"
+      end
+
+      it "parses decimals" do
+        @parser.decimal.must_parse "1"
+        @parser.decimal.must_parse "12"
+        @parser.decimal.must_parse "12."
+        @parser.decimal.must_parse "12.0123"
+        @parser.decimal.wont_parse "1223a"
+      end
+
+      it "parses percentages" do
+        @parser.percent.must_parse "100%"
+        @parser.percent.must_parse "100% "
+        @parser.percent.must_parse "100.344%"
+        @parser.percent.wont_parse "100 %"
+      end
+
+      it "parses lengths" do
+        @parser.length.must_parse "123px"
+        @parser.length.must_parse "123EM"
+        @parser.length.must_parse "1.23Pt"
+      end
+    end
+
+    describe "url" do
+      it "parses http" do
+        @parser.http.must_parse "foo.jpg"
+        @parser.http.must_parse 'foo\(bar\).jpg'
+        @parser.http.must_parse 'http://foo\(bar\).jpg'
+        @parser.http.must_parse 'http://foo.com/baz/\(bar\).jpg'
+      end
+
+      it "parses urls" do
+        @parser.url.must_parse "url(foo.jpg)"
+        @parser.url.must_parse "url(  foo.jpg  )"
+        @parser.url.must_parse 'url("foo.jpg")'
+        @parser.url.must_parse "url('foo.jpg')"
+        @parser.url.must_parse "url('foo.jpg'  )"
+        @parser.url.must_parse 'url(foo\(bar\).jpg)'
+      end
+    end
+  end
+end

data/test/csscss/parser/css_test.rb

@@ -0,0 +1,133 @@
+require "test_helper"
+
+module Csscss::Parser
+  module Css
+    describe self do
+      include CommonParserTests::Helpers
+      include TypeHelpers
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      describe "parsing" do
+        it "parses css" do
+          @parser.must_parse "h1 { display: none }"
+          @parser.must_parse "\nh1 { display: none; }"
+          @parser.must_parse %$
+            .bar { border: 1px solid black }
+          $
+
+          @parser.wont_parse ""
+        end
+
+        it "parses comments" do
+          @parser.css_space?.must_parse "/* foo */"
+          @parser.css_space?.must_parse %$
+          /* foo
+           * bar
+           */
+          $
+
+          @parser.css_space?.must_parse %$
+            /* foo */
+            /* bar */
+          $
+        end
+      end
+
+      it "transforms css" do
+        css = %$
+          h1, h2 { display: none; position: relative; outline:none}
+          .foo { display: none; width: 1px }
+          .bar { border: 1px solid black }
+          .baz {
+            background-color: black;
+            background-style: solid
+          }
+        $
+
+        trans(css).must_equal([
+          rs(sel("h1, h2"), [dec("display", "none"), dec("position", "relative"), dec("outline", "none")]),
+          rs(sel(".foo"), [dec("display", "none"), dec("width", "1px")]),
+          rs(sel(".bar"), [dec("border", "1px solid black")]),
+          rs(sel(".baz"), [dec("background-color", "black"), dec("background-style", "solid")])
+        ])
+      end
+
+      it "skips comments" do
+        css = %$
+          /* some comment
+           * foo
+          */
+          .bar { border: 1px solid black /* sdflk */ }
+          .baz { background: white /* sdflk */ }
+        $
+
+        trans(css).must_equal([
+          rs(sel(".bar"), [dec("border", "1px solid black /* sdflk */")]),
+          rs(sel(".baz"), [dec("background", "white /* sdflk */")])
+        ])
+      end
+
+      it "skips rules that are commented out" do
+        css = %$
+          /*
+             bar { border: 1px solid black }
+          */
+
+          /* foo */
+          .baz {
+            background: white;
+            /* bar */
+            border: 1px;
+          }
+        $
+
+        trans(css).must_equal([
+          rs(sel(".baz"), [dec("background", "white"), dec("border", "1px")])
+        ])
+      end
+
+      it "parses commented attributes" do
+        css = %$
+          .foo {
+            /*
+              some comment
+            */
+          }
+        $
+
+        trans(css).must_equal([
+          rs(sel(".foo"), [])
+        ])
+      end
+
+      it "recognizes media queries" do
+        css = %$
+          @media only screen {
+            /* some comment */
+            #foo {
+              background-color: black;
+            }
+
+            #bar {
+              display: none;
+            }
+          }
+
+          h1 {
+            outline: 1px;
+          }
+        $
+
+        trans(css).must_equal([
+          rs(sel("#foo"), [dec("background-color", "black")]),
+          rs(sel("#bar"), [dec("display", "none")]),
+          rs(sel("h1"), [dec("outline", "1px")])
+        ])
+      end
+    end
+  end
+end

data/test/csscss/parser/font_test.rb

@@ -0,0 +1,43 @@
+require "test_helper"
+
+module Csscss::Parser
+  module Font
+    describe self do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("10% Gill, 'Lucida Sans'").must_equal([
+          dec("font-size", "10%"),
+          dec("font-family", "Gill, 'Lucida Sans'")
+        ])
+
+        trans("normal small-caps 100 10% / 33 Gill, Helvetica, \"Lucida Sans\", cursive").must_equal([
+          dec("font-style", "normal"),
+          dec("font-variant", "small-caps"),
+          dec("font-weight", "100"),
+          dec("font-size", "10%"),
+          dec("line-height", "33"),
+          dec("font-family", 'Gill, Helvetica, "Lucida Sans", cursive')
+        ])
+      end
+
+      it "parses font family" do
+        @parser.font_family.must_parse("\"Lucida\"")
+        @parser.font_family.must_parse("\"Lucida Sans\"")
+        @parser.font_family.must_parse("Gill")
+        @parser.font_family.must_parse('Gill, Helvetica, "Lucida Sans", cursive')
+      end
+
+      it "ignores literal fonts" do
+        trans("caption").must_equal([])
+        trans("icon").must_equal([])
+        trans("menu").must_equal([])
+      end
+    end
+  end
+end

data/test/csscss/parser/list_style_test.rb

@@ -0,0 +1,28 @@
+require "test_helper"
+
+module Csscss::Parser
+  module ListStyle
+    describe ListStyle do
+      include CommonParserTests
+
+      before do
+        @parser = Parser.new
+        @trans = Transformer.new
+      end
+
+      it "converts shorthand rules to longhand" do
+        trans("circle outside url('foo.jpg')").must_equal([
+          dec("list-style-type", "circle"),
+          dec("list-style-position", "outside"),
+          dec("list-style-image", "url('foo.jpg')")
+        ])
+      end
+
+      it "tries the parse and returns false if it doesn't work" do
+        @parser.try_parse("foo").must_equal(false)
+        parsed = @parser.try_parse("circle")
+        parsed[:list_style][:list_style_type].must_equal(type:"circle")
+      end
+    end
+  end
+end