automatthew-casuistry 0.1.1

data/Manifest

@@ -0,0 +1,14 @@
+casuistry.gemspec
+lib/casuistry.rb
+lib/properties.rb
+lib/tags.rb
+Manifest
+README.rdoc
+test/basics.rb
+test/dan.css
+test/experiment.cssy
+test/fiddle.cssy
+test/helper.rb
+test/nesting.cssy
+test/test.css
+test/test.cssy

data/README.rdoc

@@ -0,0 +1,24 @@
+A CSS companion to Markaby.  Would be nice if you could interpolate variables.
+
+  css = Casuistry.new
+  css.instance_eval do
+    my_favorite_color = :green
+    ul do
+      background('red')
+      li.ugly do
+        color(my_favorite_color)
+      end
+      smurf.house do
+        height('256px')
+      end
+      asrael! do
+        padding("10px")
+      end
+    end
+    outer.middle.inner do
+      top("34px")
+    end
+  end
+  
+  css.data    #=> array of arrays
+  css.output  #=> string of css

data/casuistry.gemspec

@@ -0,0 +1,60 @@
+
+# Gem::Specification for Casuistry-0.1.1
+# Originally generated by Echoe
+
+Gem::Specification.new do |s|
+  s.name = %q{casuistry}
+  s.version = "0.1.1"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Matthew King"]
+  s.date = %q{2008-07-07}
+  s.description = %q{Generates CSS using Ruby, like Markaby}
+  s.email = %q{automatthew@gmail.com}
+  s.extra_rdoc_files = ["lib/casuistry.rb", "lib/properties.rb", "lib/tags.rb", "README.rdoc"]
+  s.files = ["casuistry.gemspec", "lib/casuistry.rb", "lib/properties.rb", "lib/tags.rb", "Manifest", "README.rdoc", "test/basics.rb", "test/dan.css", "test/experiment.cssy", "test/fiddle.cssy", "test/helper.rb", "test/nesting.cssy", "test/test.css", "test/test.cssy"]
+  s.has_rdoc = true
+  s.homepage = %q{}
+  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Casuistry", "--main", "README.rdoc"]
+  s.require_paths = ["lib"]
+  s.rubyforge_project = %q{casuistry}
+  s.rubygems_version = %q{1.2.0}
+  s.summary = %q{Generates CSS using Ruby, like Markaby}
+  s.test_files = ["test/basics.rb", "test/helper.rb"]
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 2
+
+    if current_version >= 3 then
+    else
+    end
+  else
+  end
+end
+
+
+# # Original Rakefile source (requires the Echoe gem):
+# 
+# %w{rubygems}.each do |dep|
+#   require dep
+# end
+# 
+# Version = '0.1.1'
+# 
+# task :default => [:test]
+# 
+# begin
+#   gem 'echoe', '>=2.7'
+#   require 'echoe'
+#   Echoe.new('casuistry', Version) do |p|
+#     p.project = 'casuistry'
+#     p.summary = "Generates CSS using Ruby, like Markaby"
+#     p.author = "Matthew King"
+#     p.email = "automatthew@gmail.com"
+#     p.ignore_pattern = /^(\.git).+/
+#     p.test_pattern = "test/*.rb"
+#   end
+# rescue
+#   "(ignored echoe gemification, as you don't have the Right Stuff)"
+# end

data/lib/casuistry.rb

@@ -0,0 +1,115 @@
+require 'properties'
+require 'tags'
+
+# Markaby-ish way to declare CSS
+class Casuistry
+  
+  include Tags
+  
+  attr_reader :data, :assigns
+  
+  def self.process(file)
+    cssy = File.read(file)
+    c = self.new
+    c.process(cssy)
+    c
+  end
+  
+  def process(string)
+    self.instance_eval(string)
+  end
+  
+  def initialize(selector=nil)
+    @selector = selector
+    @data = []
+  end
+  
+  def output
+    output = ""
+    @data.each do |selector|
+      output << selector.first
+      properties = selector.last.map { |s| "  #{s}" }.join("\n")
+      output << "\n{\n#{properties}\n}\n"
+    end
+    output
+  end
+  
+  def selector_eval(*args, &block)
+    selector = args.compact.join(" ")
+    Selector.new(selector, self).instance_eval(&block)
+  end
+
+  
+  def selectify(method_name)
+    matches = method_name.to_s.match( /([\w_]+)!$/)
+    matches ? "##{matches[1]}" : ".#{method_name}"
+  end
+  
+  def method_missing(name, &block)
+    selector = selectify(name)
+    if block
+      selector_eval(@selector, selector, &block)
+    else
+      x = [@selector, selector].compact.join(' ')
+      Selector.new(x, self)
+    end
+  end
+  
+end
+
+class Selector
+  include Tags
+  def initialize(base_selector, casuist)
+    @selector = base_selector
+    @casuist = casuist
+  end
+
+  
+  def selector_eval(*args, &block)
+    selector = args.compact.join(" ")
+    if block
+      Selector.new(selector, @casuist).instance_eval(&block)
+    else
+       Selector.new(selector, @casuist)
+    end
+  end
+  
+  CSS_PROPERTIES.each do |method_name|
+    define_method method_name do |*args|
+      css_attr = method_name.gsub('_', '-')
+      property(css_attr, args)
+    end
+  end
+  
+  def properties
+    if @properties
+      return @properties
+    else
+      @properties ||= []
+      @casuist.data << [@selector, @properties]
+      @properties
+    end
+  end
+  
+  def property(css_attr, *args)
+    properties << "#{css_attr}: #{args.join(' ')};"
+  end
+  
+  def selectify(method_name)
+    matches = method_name.to_s.match( /([\w_]+)!$/)
+    matches ? "##{matches[1]}" : ".#{method_name}"
+  end
+  
+  def method_missing(name, &block)
+    selector = selectify(name)
+    if block
+      selector_eval(@selector, selector, &block)
+    else
+      x = [@selector, selector].join(' ')
+      Selector.new(x, @casuist)
+    end
+  end
+  
+end
+
+Cssy = Casuistry

data/lib/properties.rb

@@ -0,0 +1,106 @@
+CSS_PROPERTIES = %w{ 
+azimuth
+background
+background_attachment
+background_color
+background_image
+background_position
+background_repeat
+border
+border_collapse
+border_color
+border_spacing
+border_style
+border_top
+border_top_color
+border_top_style
+border_top_width
+border_width
+bottom
+caption_side
+clear
+clip
+color
+content
+counter_increment
+counter_reset
+cue
+cue_after
+cue_before
+cursor
+direction
+display
+elevation
+empty_cells
+float
+font
+font_family
+font_size
+font_size_adjust
+font_stretch
+font_style
+font_variant
+font_weight
+height
+left
+letter_spacing
+line_height
+list_style
+list_style_image
+list_style_position
+list_style_type
+margin
+margin_top
+marker_offset
+marks
+max_height
+max_width
+min_height
+min_width
+orphans
+outline
+outline_color
+outline_style
+outline_width
+overflow
+padding
+padding_top
+page
+page_break_after
+page_break_before
+page_break_inside
+pause
+pause_after
+pause_before
+pitch
+pitch_range
+play_during
+position
+quotes
+richness
+right
+size
+speak
+speak_header
+speak_numeral
+speak_punctuation
+speech_rate
+stress
+table_layout
+text_align
+text_decoration
+text_indent
+text_shadow
+text_transform
+top
+unicode_bidi
+vertical_align
+visibility
+voice_family
+volume
+white_space
+widows
+width
+word_spacing
+z_index
+}

data/lib/tags.rb

@@ -0,0 +1,89 @@
+module Tags
+  HTML_TAGS = [
+  :a,
+  :abbr,
+  :acronym,
+  :address,
+  :area,
+  :b,
+  :base,
+  :bdo,
+  :big,
+  :blockquote,
+  :body,
+  :br,
+  :button,
+  :caption,
+  :cite,
+  :code,
+  :col,
+  :colgroup,
+  :dd,
+  :del,
+  :dfn,
+  :div,
+  :dl,
+  :dt,
+  :em,
+  :fieldset,
+  :form,
+  :h1,
+  :h2,
+  :h3,
+  :h4,
+  :h5,
+  :h6,
+  :head,
+  :hr,
+  :html,
+  :i,
+  :img,
+  :input,
+  :ins,
+  :kbd,
+  :label,
+  :legend,
+  :li,
+  :link,
+  :map,
+  :meta,
+  :noscript,
+  :object,
+  :ol,
+  :optgroup,
+  :option,
+  :p,
+  :param,
+  :pre,
+  :q,
+  :samp,
+  :script,
+  :select,
+  :small,
+  :span,
+  :strong,
+  :style,
+  :sub,
+  :sup,
+  :table,
+  :tbody,
+  :td,
+  :textarea,
+  :tfoot,
+  :th,
+  :thead,
+  :title,
+  :tr,
+  :tt,
+  :ul,
+  :var,
+  ]
+
+    # define tag methods to delegate to selector_eval
+    methods =  HTML_TAGS.map do |tag|
+      "def #{tag}(&block); selector_eval(@selector, '#{tag}', &block);end\n"
+    end.join
+
+    module_eval methods
+
+end

data/test/basics.rb

@@ -0,0 +1,75 @@
+here = File.dirname(__FILE__)
+require "#{here}/helper"
+
+describe "Casuistry" do
+  
+  before do    
+    @string = File.read("test.css")
+    @data = [
+        [ '.class_name1 .class_name2 .class_name3', 
+            [ 'font-size: 2em;', 'line-height: 3em;', 'border: 1px solid blue;']],
+        [ '#milk', 
+            ['background-color: blue;', 'border: 1px solid red']]
+    ]
+    @data2 = [
+      [ '#header', ['width: 500px;'] ],
+      [ '#header #menu', ['background: gray;']]
+    ]
+    
+    @data3 = [
+      ["ul", ["background: red;", "width: 134px;"]], 
+      ["ul li .ugly", ["color: green;"]],
+      ["ul .smurf .house", ["height: 256px;"]],
+      ["ul #asrael", ["padding: 10px;"]],
+      [".gargamel", ["margin: 0px;"]],
+      [".outer .middle .inner", ["top: 34px;"]]
+    ]
+    
+    @css1 = <<-CSS
+ul
+{
+  background: red;
+  width: 134px;
+}
+ul li .ugly
+{
+  color: green;
+}
+ul .smurf .house
+{
+  height: 256px;
+}
+ul #asrael
+{
+  padding: 10px;
+}
+.gargamel
+{
+  margin: 0px;
+}
+.outer .middle .inner
+{
+  top: 34px;
+}
+    CSS
+  end
+
+
+  it "interprets unknown ! methods as ids and others as classes" do
+    c = Casuistry.new
+    c.selectify("smurf!").should == "#smurf"
+    c.selectify("smurf").should == ".smurf"
+  end
+
+  it "processes cssy code" do
+    c = Casuistry.new
+    c.instance_eval do
+      @background = "red"
+    end
+    c.process(File.read( "#{here}/fiddle.cssy"))
+    c.data.should == @data3
+    c.output.should == @css1
+  end
+  
+  
+end

data/test/dan.css

@@ -0,0 +1,58 @@
+/* reset.css */
+@import url( /stylesheets/main.css );
+@import url( /stylesheets/products.css );
+
+#intro_text a.back {
+	padding: 0 0 2px 25px;
+	font-weight: bold;
+	background: url("/images/icons-back.gif") 0 0 no-repeat;
+}
+div.wizard { margin-right: 8px; float: left; }
+
+form ul.properties { display: block; margin: 0; padding: 0; clear: both; }
+li.property { display: block; list-style-type: none; clear: both; padding-bottom: 40px; }
+#content form ul.properties li.property hr { display: block; clear: left; float: none; height: 0; visibility: hidden; margin: -0.66em; padding: 0; }
+form label { float: left; display: block; width: 80px; text-align: right; padding-right: 14px; color: gray; font-weight: bold; font-size: 13px; }
+form div.value { float: left; color: gray; }
+div.radio div.option, div.checkbox div.option { cursor: pointer; }
+li.size div.option { background: url( /images/bt_radio_off.gif) no-repeat; padding-left: 17px; height: 21px; font-size: 13px; }
+li.size div.option.selected { background: url( /images/bt_radio_on.gif) no-repeat; padding-left: 17px; height: 21px; font-size: 13px; }
+li.style div.option { float: left; border: 1px solid silver; padding: 1px; margin-left: 4px; opacity: 0.5; }
+li.style div.option.hover, li.style div.option.selected { border: 1px solid gray; }
+li.style div.option.selected { opacity: 1.0; }
+li.tos div.option { background: url( /images/checkbox.gif ) no-repeat; padding-left: 17px; }
+li.code.property { display: none; }
+div.text.value { margin-top: -4px; }
+div.text.value input { height: 23px; width: 220px; border: none; background: url( /images/textfield_bg.gif) no-repeat;
+	padding: 4px; font-size: 11px; font-weight: bold; color: gray;   }
+div.text.value textarea { width: 280px; height: 184px; font-size: 11px; color: gray; }
+div.preview { float: left ; height: 400px; }
+div.preview iframe { border: none; display: block; position: relative; width: 490px; height: 340px; border: 1px solid silver; margin: 4px; padding: 30px 0;  }
+
+div.ac_results { border: 1px solid silver; text-align: left; background-color: white; color: gray; padding: 5px; margin-top: -8px;  }
+
+img.title { padding-bottom: 8px; }
+
+ul.steps { display: block; margin: 0; padding: 0; clear: both; }
+
+ul.steps li.step { 
+	display: none; width: 403px; height: 335px;
+	margin-left: 2px; padding: 16px;
+	list-style-type: none; 
+	border: 1px solid silver; 
+}
+u.steps li.step.selected { display: block; }
+
+div.tab-selector span { 
+	color: gray;
+	font-size: 11px; text-align: center;
+	display: block; float: left; height: 26px; width: 129px; padding: 12px 8px 0px 8px; 
+	background: url( /images/tab/unselected.gif ) repeat-x; cursor: pointer;
+}
+
+div.tab-selector span.selected { 
+	/* border-right: 1px solid gray; border-left: 1px solid gray; border-top: 1px solid silver; */
+	font-weight: bold; color: black;
+	background: url( /images/tab/selected.gif ) repeat-x;
+}
+

data/test/experiment.cssy

@@ -0,0 +1,19 @@
+selector "div.foo > ul.bar" do
+  
+  width "137px"
+  color :blue
+  
+  selector "a:hover" do
+    color :red
+    background :gray
+  end
+  
+  child "li.monkey" do
+    list_style :none
+  end
+  
+  sibling "p" do
+    margin "10px"
+  end
+  
+end

data/test/fiddle.cssy

@@ -0,0 +1,29 @@
+favorite = 'green'
+
+ul do
+  
+  background('red')
+  
+  li.ugly do
+    color(favorite)
+  end
+  
+  smurf.house do
+    height('256px')
+  end
+  
+  asrael! do
+    padding("10px")
+  end
+  
+  width('134px')
+  
+end
+
+gargamel do
+  margin("0px")
+end
+
+outer.middle.inner do
+  top("34px")
+end

data/test/helper.rb

@@ -0,0 +1,8 @@
+%w{ rubygems bacon facon }.each { |dep| require dep  }
+
+Bacon.extend Bacon::TestUnitOutput
+Bacon.summary_on_exit
+
+$:.unshift "#{File.dirname(__FILE__)}/../lib"
+require 'casuistry'
+

data/test/nesting.cssy

@@ -0,0 +1,13 @@
+div.header! do
+  width('500px')
+  
+  ul.menu! do
+    background(:gray)
+  end
+  
+end
+
+data2 = [
+  [ '#header', ['width: 500px;'] ],
+  [ '#header #menu', ['background: gray;']]
+]

data/test/test.css

@@ -0,0 +1,11 @@
+.class_name1 .class_name2 .class_name3
+{
+  font-size: 2em;
+  line-height: 3em;
+  border: 1px solid blue;
+}
+#milk
+{
+  background-color: blue;
+  border: 1px solid red;
+}

data/test/test.cssy

@@ -0,0 +1,11 @@
+# test.cssy
+
+# anonymous selector
+selector 'ul > li' do
+  
+end
+
+# named selector
+menu_header 'div#header h3' do
+  
+end

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification 
+name: automatthew-casuistry
+version: !ruby/object:Gem::Version 
+  version: 0.1.1
+platform: ruby
+authors: 
+- Matthew King
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2008-07-07 00:00:00 -07:00
+default_executable: 
+dependencies: []
+
+description: Generates CSS using Ruby, like Markaby
+email: automatthew@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- lib/casuistry.rb
+- lib/properties.rb
+- lib/tags.rb
+- README.rdoc
+files: 
+- casuistry.gemspec
+- lib/casuistry.rb
+- lib/properties.rb
+- lib/tags.rb
+- Manifest
+- README.rdoc
+- test/basics.rb
+- test/dan.css
+- test/experiment.cssy
+- test/fiddle.cssy
+- test/helper.rb
+- test/nesting.cssy
+- test/test.css
+- test/test.cssy
+has_rdoc: true
+homepage: ""
+post_install_message: 
+rdoc_options: 
+- --line-numbers
+- --inline-source
+- --title
+- Casuistry
+- --main
+- README.rdoc
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+requirements: []
+
+rubyforge_project: casuistry
+rubygems_version: 1.2.0
+signing_key: 
+specification_version: 2
+summary: Generates CSS using Ruby, like Markaby
+test_files: 
+- test/basics.rb
+- test/helper.rb