xdissent-less 0.8.12

data/lib/less/tree.rb

@@ -0,0 +1,82 @@
+module Less
+  class Tree < Hash
+    def initialize init = {}  
+      self.replace init
+    end
+    
+    def var k
+      self[:variables] ? self[:variables][ k ] : nil
+    end
+    
+    def vars?
+      self.include? :variables
+    end
+    
+    def vars
+      self[:variables] ? self[:variables] : nil
+    end
+    
+    #
+    # Find a variable or mixin from a specific path
+    #
+    def find what = :var, path = []
+      path.inject(self) do |branch, k|        
+        if what == :var && k == path.last
+          branch[:variables][ k ]
+        else
+          branch = branch[ k ] or raise PathError, path.join(' > ')
+        end
+      end
+    end
+    
+    #
+    # Find the nearest variable in the hierarchy
+    #
+    def nearest var, path
+      values = []
+      path.inject(self) do |branch, k|
+        values << branch.var( var )
+        branch[ k ]
+      end
+      values.compact.last
+    end
+    
+    def traverse by = :leaf, path = [], &blk
+    #
+    # Traverse the whole tree, returning each leaf or branch (recursive)
+    #
+    ###
+      #   Aside from the key & value, we yield the full path of the leaf,  
+      #   aswell as the branch which contains it (self).
+      #   Note that in :branch mode, we only return 'twigs', branches which contain leaves.
+      #
+      self.each do |key, value|                        # `self` is the current node, starting with the trunk
+        if value.is_a? Hash and key != :variables      # If the node is a branch, we can go deeper
+          path << key                                  # Add the current branch to the path
+          yield path, self[ key ] if by == :branch     # The node is a branch, yield it to the block  
+          self[ key ] = value.to_tree.                 # Make sure any change is saved to the main tree
+                        traverse by, path, &blk        # Recurse, with the current node becoming `self`                       
+          path.pop                                     # We're returning from a branch, pop the last path element
+        elsif by == :leaf and key.is_a? String
+          yield key, value, path, self                 # The node is a leaf, yield it to the block
+        else
+          next
+        end
+      end
+      self
+    end
+    
+    #
+    # Convert the tree to css, using full paths
+    #
+    def to_css chain, css = []
+      self.traverse :branch do |path, node|
+        properties = node.inject("") do |s, (k, v)|          
+          v.is_a?(String) ? (s + "#{k}: #{CGI.unescape(v)}; ") : s                # Add the property to the list
+        end
+        css << path * ( chain == :desc ? ' ' : ' > ') + " { " + properties + "}" unless properties.empty? # Add the rule-set to the CSS
+      end
+      css.join "\n"
+    end
+  end
+end

data/lib/less.rb

@@ -0,0 +1,24 @@
+$:.unshift File.dirname(__FILE__)
+
+require 'cgi'
+
+require 'less/command'
+require 'less/engine'
+require 'less/tree'
+
+module Less
+  MixedUnitsError = Class.new(Exception)
+  PathError = Class.new(Exception)
+  CompoundOperationError = Class.new(Exception)
+
+  def self.version
+    File.read( File.join( File.dirname(__FILE__), '..', 'VERSION') )
+  end
+end
+
+class Hash
+  # Convert a hash into a Tree
+  def to_tree
+    Less::Tree.new self
+  end
+end

data/spec/command_spec.rb

@@ -0,0 +1,106 @@
+require File.dirname(__FILE__) + '/spec_helper'
+
+module LessCommandSpecHelper
+  def required_options
+    {:source => File.dirname(__FILE__) + '/spec.less'}
+  end
+
+  def valid_options
+    {:destination => File.dirname(__FILE__) + '/spec.css', :watch => true, :chain => true, :debug => false}.merge(required_options)
+  end
+end
+
+describe Less::Command do
+  include LessCommandSpecHelper
+
+  describe "required options" do
+    before(:each) do
+      @command = Less::Command.new(required_options)
+    end
+
+    it "should set the source" do
+      @command.source.should == required_options[:source]
+    end
+
+    it "should set the destination using a gsub" do
+      @command.destination.should == valid_options[:destination]
+    end
+
+    it "should set the options with what was passed" do
+      @command.options.should == required_options
+    end
+  end
+
+  describe "valid options" do
+    before(:each) do
+      @command = Less::Command.new(valid_options)
+    end
+
+    it "should set the @source" do
+      @command.source.should == required_options[:source]
+    end
+
+    it "should set the @destionation" do
+      @command.destination.should == valid_options[:destination]
+    end
+
+    it "should set the watch" do
+      @command.options[:watch].should == valid_options[:watch]
+    end
+
+    it "should set the chain" do
+      @command.options[:chain].should == valid_options[:chain]
+    end
+
+    it "should set the debug" do
+      @command.options[:debug].should == valid_options[:debug]
+    end
+
+    it "should set the options with what was passed" do
+      @command.options.should == valid_options
+    end
+  end
+
+  describe "executing run!" do
+    before(:each) do
+      @command = Less::Command.new(required_options)
+    end
+    after(:each) do
+      @command.run!
+    end
+
+    describe "when not watching" do
+      describe "and the destination file doesn't exist" do
+        before(:each) do
+          @command.stub!(:watch?).and_return(false)
+        end
+
+        it "should verify if we need to watch the file or not" do
+          @command.should_receive(:watch?).and_return(false)
+        end
+
+        it "should attempt to re-compile" do
+          @command.should_receive(:compile).with().once
+        end
+      end
+
+      describe "and the destination file does exist" do
+        it "should not attempt to create a new file"
+        it "should attempt to re-compile"
+      end
+    end
+
+    describe "when watching" do
+      describe "and the destination file doesn't exist" do
+        it "should attempt to compile to a new file"
+        it "should begin to watch the file"
+      end
+
+      describe "and the destination file does exist" do
+        it "should not attempt to compile to a new file"
+        it "should begin to watch the existing file"
+        it "should re-compile when the existing file changes"
+      end
+    end
+  end
+end

data/spec/css/less-0.8.10.css

@@ -0,0 +1,30 @@
+ul li:first-child { border-top: none; }
+.duplicate { color: blue; width: 11px; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+div > a, a span { color: grey; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first .second .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root .first .second { }
+.root .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+.extra { }
+a:link, a:hover { color: brown; }
+ul li:first-child, ul li:last-child { background-color: #333; }
+div { color: purple; }
+.borders { }
+.root:hover a { display: block; }
+.operations div { width: 80px; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; font: 12px/16px; width: 110px; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.11.css

@@ -0,0 +1,31 @@
+ul li:first-child { border-top: none; }
+.duplicate { color: blue; width: 11px; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+div > a, a span { color: grey; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first .second .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root .first .second { }
+.root .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+.extra { }
+a:link, a:hover { color: brown; }
+ul li:first-child, ul li:last-child { background-color: #333; }
+div { color: purple; }
+input[type='text'] { background-color: blue; }
+.borders { }
+.root:hover a { display: block; }
+.operations div { width: 80px; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; font: 12px/16px; width: 110px; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.12.css

@@ -0,0 +1,28 @@
+ul li:first-child { border-top: none; }
+h5:focus { outline: 0; content: '*}#f~ '; }
+.duplicate { color: blue; width: 11px; }
+body, div > p a, h2 a > span:first-child { font-family: sans-serif; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; -moz-border-radius: 3px; color: #ccc; }
+td, tr, table { border-width: 88px; }
+div > a, a span { color: grey; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+#operations { font-size: 66; colorb: #333333; colorc: #777777; color: #eeeeee; font: 12px/16px; width: 110px; }
+#operations div { width: 80px; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first { color: green; }
+.root .first .second .third { font-size: 8px; border-color: red; background-color: blue; color: red; }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+a:link, a:hover { color: brown; }
+ul li:first-child, ul li:last-child { background-color: #333; }
+div { color: purple; }
+input[type='text'] { background-color: blue; }
+.root:hover a { display: block; }
+.theme { background-color: #aaa; color: #ccc; }
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.5.css

@@ -0,0 +1,24 @@
+ul li:first-child { border-top: none; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root > a:hover, a:focus { color: orange; }
+.root > a { display: none; color: blue; }
+.root > .first > .second > .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root > .first > .second { }
+.root > .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra > .dark-borders { border-color: #444444; }
+.extra > .light-borders { border-color: #888; }
+.extra { }
+ul li:first-child, ul li:last-child { background-color: #333; }
+.borders { }
+.root:hover a { display: block; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.6.css

@@ -0,0 +1,24 @@
+ul li:first-child { border-top: none; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first .second .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root .first .second { }
+.root .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+.extra { }
+ul li:first-child, ul li:last-child { background-color: #333; }
+.borders { }
+.root:hover a { display: block; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.7.css

@@ -0,0 +1,24 @@
+ul li:first-child { border-top: none; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first .second .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root .first .second { }
+.root .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+.extra { }
+ul li:first-child, ul li:last-child { background-color: #333; }
+.borders { }
+.root:hover a { display: block; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/css/less-0.8.8.css

@@ -0,0 +1,25 @@
+ul li:first-child { border-top: none; }
+q:lang(no) { quotes: '~' '~'; }
+.no-semi-column { color: orange; }
+body { text-shadow: #333 -1px 1px 2px; border-color: #888; font-size: 10px; margin: -5px 0 5px 10px; background-color: #aaa; border: solid 1px #000; -moz-border-radius: 3px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; color: #ccc; }
+td, tr, table { border-width: 4px; }
+.space { color: purple; font-color: yellow; }
+blockquote:before { color: red; }
+.root a:hover, a:focus { color: orange; }
+.root a { display: none; color: blue; }
+.root .first .second .third { border-color: blue; font-size: 8px; background-color: blue; color: red; }
+.root .first .second { }
+.root .first { color: green; }
+.root { }
+.p:first-letter { color: red; }
+.extra .dark-borders { border-color: #444444; }
+.extra .light-borders { border-color: #888; }
+.extra { }
+ul li:first-child, ul li:last-child { background-color: #333; }
+.borders { }
+.root:hover a { display: block; }
+.operations div { width: 80px; }
+.operations { colorb: #333333; font-size: 66; colorc: #777777; line-height: 7px; border-width: 16px; color: #eeeeee; font: 12px/16px; width: 110px; }
+:focus { outline: 0; content: '*}#f~ '; }
+.theme { background-color: #aaa; color: #ccc; }
+.transparent_box { opacity: 0.6; background-color: #FFF; filter: alpha(opacity=60); }

data/spec/engine_spec.rb

@@ -0,0 +1,39 @@
+require File.dirname(__FILE__) + '/spec_helper'
+
+module LessEngineSpecHelper
+  def lessify(string)
+    return Less::Engine.new(string).to_css(:desc)
+  end
+end
+
+describe Less::Engine do
+  include LessEngineSpecHelper
+
+  describe "to_css" do
+    it "should return an empty string for p {}" do
+      lessify('p {}').should == ''
+    end
+
+    it "should return css with variable usage" do
+      lessify("@brand_color: #4D926F;\n #header { color: @brand_color; }").should == "#header { color: #4D926F; }"
+    end
+
+    it "should return css as shown on home page" do
+      lessify("#header { \n  color: red;\n  a {\n    font-weight: bold;\n    text-decoration: none;\n  }\n}").should == "#header { color: red; }\n#header a { font-weight: bold; text-decoration: none; }"
+    end
+
+    it "should handle :hover" do
+      lessify("a:hover {\n color: red; }").should == "a:hover { color: red; }"
+    end
+
+    it "should handle instances of double-quotes" do
+      lessify("blockquote:before, blockquote:after, q:before, q:after {\n content: \"\"; }").should == "blockquote:before, blockquote:after, q:before, q:after { content: ''; }"
+    end
+    
+    it "should parse tag attributes" do
+      lessify("input[type=text] { color: red; }").should == "input[type=text] { color: red; }"
+    end
+  end
+end
+
+

data/spec/spec.css

@@ -0,0 +1,29 @@
+.theme { color: #ccc; background-color: #aaa; }
+.extra > .dark-borders { border-color: #444444; }
+.extra > .light-borders { border-color: #888; }
+body, div > p a, h2 a > span:first-child { font-family: sans-serif; }
+.root > a { color: blue; display: none; }
+.root > a:hover, a:focus { color: orange; }
+.root > .first { color: green; }
+.root > .first > .second > .third { background-color: blue; font-size: 8px; color: red; border-color: red; }
+.root:hover a { display: block; }
+body { font-size: 10px; font-family: 'Lucida Grande', 'Helvetica', Verdana, sans-serif; margin: -5px 0 5px 10px; border: solid 1px #000; text-shadow: #333 -1px 1px 2px; -moz-border-radius: 3px; color: #ccc; background-color: #aaa; }
+#operations { font: 12px/16px; width: 110px; font-size: 66; color: #eeeeee; colorb: #333333; colorc: #777777; }
+#operations > div { width: 80px; }
+td, tr, table { border-width: 88px; }
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+a:link, a:hover { color: brown; }
+div > a, a span { color: grey; }
+ul li:first-child { border-top: none; }
+ul li:first-child, ul li:last-child { background-color: #333; }
+.p:first-letter { color: red; }
+h5:focus { outline: 0; content: '*}#f~ '; }
+q:lang(no) { quotes: '~' '~'; }
+blockquote:before { color: red; }
+div { color: purple; }
+.duplicate { width: 11px; color: blue; }
+.loading { background: 'http://'; }
+input[type='text'] { background-color: blue; }
+.transparent_box { background-color: #FFF; filter: alpha(opacity=60); opacity: 0.6; }
+.space { color: purple; font-color: yellow; }
+.no-semi-column { color: orange; }

data/spec/spec.less

@@ -0,0 +1,149 @@
+// ------------------------------------------------
+//                 LESS Spec
+//                 www.lesscss.org
+// ------------------------------------------------
+
+// Global vars
+@main-color: #444;
+@dark-color: #111;
+@between-color: @main-color - @dark-color;
+
+// Mixins
+.theme {
+    color: #ccc;
+    background-color: #aaa;
+}
+.extra {
+    @main: #888;
+    .dark-borders {
+        border-color: @main / 2;    
+    }
+    .light-borders {
+        border-color: @main;
+    }
+}
+
+// Complex Selectors
+body, div > p a, h2 a > span:first-child {
+  font-family: sans-serif;
+}
+
+// Hierarchy
+.root {
+    a { 
+        color: blue;
+        display: none;
+    }
+    a:hover, a:focus {
+        color: orange;
+    }
+    .first {
+        @size: 8px;
+        @dark-color: green;
+        @main-color: red;
+        color: @dark-color; // 'green'
+        .second {
+            @color: blue;
+            .third {
+                background-color: @color; // blue
+                font-size: @size; // 8px
+                color: @main-color; // red
+                border-color: @main-color; // 'red'
+            }
+        }
+    }    
+}
+.root:hover a {
+    display: block;
+}
+
+// Standard CSS properties and shorthand
+body {
+    font-size: 10px;
+    font-family: "Lucida Grande", 'Helvetica', Verdana, sans-serif;
+    margin: -5px 0 5px 10px;
+    border: solid 1px #000;
+    text-shadow: #333 -1px 1px 2px;
+    -moz-border-radius: 3px; /* CSS3 for older Firefox */
+    .theme;
+}
+
+// Operations
+#operations {
+    @ten: 10;
+    @dark: #111;
+    @box: 100px; 
+    @border_width: 10px;
+    font: 12px/16px; // 12px/16px
+    width: @box + @border_width; // 110px
+    div { width: @box - 2 * @border_width; } // 80px
+    font-size: 10 - 4 + 6 * @ten; // 66
+    color: #fff - #111; // #eeeeee
+    colorb: #111 + #222222; // #333333
+    colorc: @dark + #222 * 3; // #777777 
+}
+
+td, tr, table {
+    border-width: 88px;   
+}
+
+// More complex CSS selectors
+blockquote:before, blockquote:after, q:before, q:after { content: ""; }
+a:link, 
+a:hover {
+  color:brown;
+}
+div > a, a span {
+  color: grey;
+}
+ul li:first-child {
+    border-top: none;
+}
+ul li:first-child, ul li:last-child {
+    background-color: #333;
+}
+.p:first-letter { 
+    color: red; 
+}
+h5:focus {
+    outline: 0;
+    content: "*}#f~ ";
+}
+q:lang(no) { 
+    quotes: "~" "~"; 
+}
+blockquote:before {
+  color: red;
+}
+
+// Duplicates
+div {
+  width: 9px;
+}
+div { 
+  color: purple;
+}
+.duplicate {
+  width: 9px;
+  height: 11px;
+}
+.duplicate {
+  width: 11px;
+  color: blue;
+}
+.loading { background: "http://"; }
+input[type="text"] { 
+    background-color: blue; 
+}
+.transparent_box {
+    background-color:#FFF;
+    filter:alpha(opacity=60); /* for IE */
+    opacity:0.6; /* CSS3 standard */
+}
+
+// Spacing
+.space    
+{    color:  purple ;font-color:yellow;   }
+
+// No semi-column
+.no-semi-column { color: orange }

data/spec/spec_helper.rb

@@ -0,0 +1,5 @@
+require 'rubygems'
+require 'spec'
+
+require File.dirname(__FILE__) + '/../lib/less'
+

data/spec/tree_spec.rb

@@ -0,0 +1,5 @@
+require File.dirname(__FILE__) + '/spec_helper'
+
+describe Less::Tree do
+  it "should get some specs..."
+end