cml 1.4.2

data/lib/cml/tags/ratings.rb

@@ -0,0 +1,61 @@
+module CML
+  module Tags
+    class Ratings < Tag
+      Template = <<-HTML.freeze
+{{legend}}
+<div class="cml_row">
+<table>
+  <thead>
+    <tr>
+      <th></th>
+      {% for rating in ratings limit:10 %}
+      <th class="{{gold_classes[forloop.index0]}}">{{rating.raw_label}}</th>
+      {% endfor %}
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>{{from}}</td>
+      {% for rating in ratings limit:10 %}
+      <td class="{{gold_classes[forloop.index0]}}">{{rating}}</td>
+      {% endfor %}
+      <td>{{to}}</td>
+    </tr>
+  </tbody>
+</table>
+</div>
+      HTML
+      
+      def data
+        super.merge({
+          "ratings" => ratings, 
+          "from" => @attrs["from"].to_s, 
+          "to" => @attrs["to"].to_s,
+          "gold_classes" => gold_classes
+        })
+      end
+      
+      def gold_classes
+        ratings.map {|rating| rating.gold_class }
+      end
+      
+      def ratings
+        if @cml.xpath(".//cml:rating").empty?
+          max = @attrs["points"] ? @attrs["points"].to_s.to_i : 4
+          tags = Parser.parse((1..max).map do |r|
+            "<cml:rating label='#{r}' />"
+          end.join("\n")).xpath("root/cml:rating")
+        else
+          tags = @cml.xpath(".//cml:rating")
+        end
+        tags.map do |c|
+          c["validates"] ||= @attrs["validates"].to_s
+          c["name"] ||= name
+          (@opts[:normalize] ? Checkbox : Radio).new(c, @opts.merge(:bare => true))
+        end
+      end
+      memoize :ratings
+    end
+  end
+end

data/lib/cml/tags/search.rb

@@ -0,0 +1,97 @@
+module CML
+  module Tags
+    class Search < Tag
+      DEFAULT_CSE = "002077591359011991755:yygrm1glnxq"
+      BareTemplate = <<-HTML.freeze
+        <div class="cml_row search" data-engine="{{engine}}" data-cse="{{custom_search_engine}}" >
+          <input name="{{prefixed_search_terms_name}}" type="text" value="{{search_terms_value}}" class="{{search_terms_classes}}"/> <input type="button" value="Search" class="no_validate" />
+        </div>
+        <div class="cml_row results"></div>
+        {{inputs}}
+      HTML
+      
+      Template = <<-HTML.freeze
+        {{label}}
+        #{BareTemplate}
+      HTML
+      
+      InputTemplate = <<-HTML.freeze
+        <div class="cml_row selected_result">
+          <input name="{{name}}" type="text" class="{{classes}}" value="{{search_result_value}}" />
+        </div>
+      HTML
+      
+      def is_field?
+        !(@attrs["field"] && @attrs["field"].to_s == "false")
+      end
+      
+      def search_terms_classes
+        (@attrs["default"] ? "default " : "") + engine + " no_validate"
+      end
+      
+      def engine
+        (@attrs["engine"] ? @attrs["engine"].to_s : nil) || "googlecse"
+      end
+
+      def custom_search_engine
+        engine.to_s == "googlecse" ? (@attrs["cse"] || DEFAULT_CSE).to_s : "" 
+      end
+      
+      def search_terms_name
+        name(true, "search_terms")
+      end
+      
+      def prefixed_search_terms_name
+        prefix(search_terms_name)
+      end
+      
+      def search_terms_value
+        ((@opts[:data] || {})[search_terms_name] || @attrs["default"]).to_s
+      end
+      
+      def search_result_value
+        (@attrs["value"] || (@opts[:data] || {})[name] || "").to_s
+      end
+      
+      def data
+        super.merge({
+          "search_terms_classes" => search_terms_classes,
+          "engine" => engine,
+          "search_terms_name" => search_terms_name,
+          "prefixed_search_terms_name" => prefixed_search_terms_name,
+          "search_terms_value" => search_terms_value,
+          "search_result_value" => search_result_value,
+          "custom_search_engine" => custom_search_engine
+        })
+      end
+      
+      def to_html
+        if is_field?
+          if @opts[:normalize]
+            seeds = Array((@opts[:data] || {})[name])
+            seeds << nil if seeds.length == 0
+          
+            inputs = seeds.map do |input|
+              Liquid::Template.parse(InputTemplate).render(data.merge({
+                "search_result_value" => input.to_s, 
+                "classes" => classes+(input ? " cml_gold_loaded" : "")
+              }))
+            end.join("\n")
+          else
+            inputs = Liquid::Template.parse(InputTemplate).render(data)
+          end
+        else
+          inputs = ""
+        end
+        
+        wrapper(Liquid::Template.parse(Template).render(data.merge({
+          "inputs" => inputs
+        }), [LiquidFilters]))
+      end
+      
+      def wrapper_classes
+        super + " text"
+      end
+    end
+  end
+end

data/lib/cml/tags/select.rb

@@ -0,0 +1,50 @@
+module CML
+  module Tags
+    class Select < Tag
+      Template = <<-HTML.freeze
+{{label}}
+<div class="cml_row"><select name="{{name}}" class="{{classes}}">
+  {{content}}
+</select></div>
+      HTML
+      
+      #Auto magically prepend a default option if required
+      def default
+        default = [Option.new("<cml:option value=\"\">#{@cml["default"]}</cml:option>", @opts)] if @cml["default"]
+        default ||= [Option.new("<cml:option value=\"\">Select one</cml:option>", @opts)] if validations.include?('validates-required')
+        default || [] 
+      end
+      
+      def children
+        default + @cml.xpath(".//cml:option").map do |c|
+          Option.new(c, @opts)
+        end
+      end
+      memoize :children
+      
+      def data
+        super.merge({"content" => content})
+      end
+      
+      def content
+        cloned= @cml.dup
+        c = children
+        # Add the default...
+        d = default
+        # Preloaded data
+        preload = preloaded_data
+        
+        cloned.add_child(d[0].cml) if d.length > 0
+        cloned.xpath(".//cml:*[not(self::cml:option)]").remove
+        cloned.xpath(".//cml:option").each_with_index do |r,i|
+          r.namespace = nil
+          c[i].selected = true if preload && preload == c[i].value
+          r.replace(c[i].convert)
+        end
+        #Remove the surrounding tag
+        cloned.to_xhtml.gsub(/<\/?cml:select[^>]*?>|<\/?>/,'')
+      end
+      memoize :content
+    end
+  end
+end

data/lib/cml/tags/text.rb

@@ -0,0 +1,45 @@
+module CML
+  module Tags
+    class Text < Tag
+      BareTemplate = <<-HTML.freeze
+<div class="cml_row"><input name="{{name}}" type="text" value="{{value}}" class="{{classes}}"/></div>
+      HTML
+      
+      Template = <<-HTML.freeze
+{{label}}
+#{BareTemplate}
+      HTML
+    
+      def classes
+        super + (@attrs["default"] ? " default" : "")
+      end
+      
+      def value
+        (@attrs["value"] || @attrs["default"]).to_s
+      end
+      
+      def to_html
+        if @opts[:normalize]
+          #Making some text boxes
+          seeds = Array(@opts[:data][@opts[:parser].golds[name(false)]] || @opts[:data][name(false)])
+          seeds = @opts[:iteration] ? [seeds[@opts[:iteration]]].flatten : seeds
+          seeds << nil if seeds.length == 0
+          inputs = seeds.map do |input|
+            Liquid::Template.parse(BareTemplate).render(data.merge({
+              "value" => CGI.escapeHTML(input.to_s), 
+              "classes" => classes+(input ? " cml_gold_loaded" : "")
+            }))
+          end.join("\n")
+          wrapper("#{label}\n#{inputs}")
+        elsif preload = preloaded_data
+          wrapper(Liquid::Template.parse(Template).render(data.merge({
+            "value" => CGI.escapeHTML(preload.to_s),
+            "classes" => classes
+          })))
+        else
+          wrapper(Liquid::Template.parse(Template).render(data, [LiquidFilters]))
+        end
+      end
+    end
+  end
+end

data/lib/cml/tags/textarea.rb

@@ -0,0 +1,45 @@
+module CML
+  module Tags
+    class Textarea < Tag
+      BareTemplate = <<-HTML.freeze
+<div class="cml_row"><textarea name="{{name}}" class="{{classes}}">{{value}}</textarea></div>
+      HTML
+      
+      Template = <<-HTML.freeze
+{{label}}
+#{BareTemplate}
+      HTML
+      
+      def classes
+        super + (@attrs["default"] ? " default" : "")
+      end
+      
+      def value
+        (@attrs["value"] || @attrs["default"]).to_s
+      end
+      
+      def to_html
+        if @opts[:normalize]
+          #Making some text boxes
+          seeds = Array(@opts[:data][@opts[:parser].golds[name(false)]] || @opts[:data][name(false)])
+          seeds = @opts[:iteration] ? [seeds[@opts[:iteration]]].flatten : seeds
+          seeds << nil if seeds.length == 0
+          inputs = seeds.map do |input|
+            Liquid::Template.parse(BareTemplate).render(data.merge({
+              "value" => input.to_s, 
+              "classes" => classes+(input ? " cml_gold_loaded" : "")
+            }))
+          end.join("\n")
+          wrapper("#{label}\n#{inputs}")
+        elsif preload = preloaded_data
+          wrapper(Liquid::Template.parse(Template).render(data.merge({
+            "value" => preload.to_s,
+            "classes" => classes
+          })))
+        else
+          wrapper(Liquid::Template.parse(Template).render(data, [LiquidFilters]))
+        end
+      end
+    end
+  end
+end

data/lib/cml/tags/thumb.rb

@@ -0,0 +1,25 @@
+module CML
+  module Tags
+    class Thumb < Tag
+      Template = <<-HTML.freeze
+      <img src="http://nodenailer.crowdflower.com/?{{query_string}}" />
+      HTML
+
+      def validate?
+        false
+      end
+      
+      def query_string
+        params = {}
+        [["w","width"], ["h", "height"], ["method", "method"], ["url", "src"]].each do |param, atr|
+          params[param] = CGI.escape(@attrs[atr].to_s) if @attrs[atr]
+        end
+        params.map {|v| v.join("=") }.join("&")
+      end
+      
+      def data
+        super.merge("query_string" => query_string)
+      end
+    end
+  end
+end

data/lib/cml/tags/unknown.rb

@@ -0,0 +1,21 @@
+module CML
+  module Tags
+    class Unknown < Tag
+      Template = <<-HTML.freeze
+  {{content}}
+      HTML
+    
+      def validate?
+        false
+      end
+    
+      def wrapper_classes
+        super + " unknown"
+      end
+      
+      def data
+        super.merge({"content" => @cml.inner_html})
+      end
+    end
+  end
+end

data/lib/cml.rb

@@ -0,0 +1,15 @@
+require 'rubygems'
+require 'nokogiri'
+require 'json'
+require 'liquid'
+
+require 'cml/parser'
+require 'cml/liquid_filters'
+require 'cml/tag'
+require 'cml/gold'
+CML::TagClasses = {}
+Dir[File.dirname(__FILE__) + '/cml/tags/*.rb'].each do |dir| 
+  require dir
+  camelcase = dir.split(/\//).last.sub(/\.rb/,"")
+  CML::TagClasses[camelcase] = CML::Tags.const_get(camelcase.gsub(/(^|_)(.)/) { $2.upcase }.intern)
+end

data/spec/complex_spec.rb

@@ -0,0 +1,127 @@
+require File.expand_path(File.dirname(__FILE__) + '/spec_helper')
+
+describe "CML Complex" do
+  it "parses" do
+    @p = Parser.new(File.read(File.dirname(__FILE__) + "/fixtures/complex.cml"), {:prefix => "u12345"})
+  #puts Parser.escape(@p.to_html).gsub(/\n/,"<br/>")
+    @p.to_html.should sorta_match(<<-HTML)
+    <div class="cml" id="u12345">
+      <h1>This is my name</h1>
+      <p>This is a description about me</p>
+      <div class="select cml_field">
+        <label class="legend">Awesome</label>
+        <div class="cml_row"><select name="u12345[awesome]" class="awesome validates-required">
+          <option value="">Choose an option</option>
+          <option>Awesome</option>
+          <option>Cool</option>
+          <option>Rad</option>
+          <option>Neat</option>
+        </select></div>
+        <p class="instructions">Just be cool about it</p>
+      </div>
+      <div class="text cml_field large">
+        <label class="legend">Opinion</label>
+        <div class="cml_row"><input name="u12345[opinion]" class="opinion validates-minLength:30 large" type="text" value=""></div>
+      </div>
+      <div class="text cml_field">
+        <label class="legend">Email</label>
+        <div class="cml_row"><input name="u12345[email]" class="email validates-required validates-email" type="text" value=""></div>
+      </div>
+      <div class="rad">
+        <div class="checkbox cml_field">
+          <div class="cml_row"><label class="">
+            <input name="u12345[you_sure]" class="you_sure" type="checkbox" value="yes"> You sure?</label></div>
+        </div>
+      </div>
+      <div class="group logic-only-if:awesome" style="color:red">
+      
+        <div class="checkboxes cml_field">
+          <h2 class="legend">Cool checkboxes</h2>
+        
+          <div class="cml_row"><label class="">
+            <input name="u12345[rad][]" class="rad" type="checkbox" value="Wanna do it?">
+          Wanna do it?</label></div>
+        
+          <div class="cml_row"><label class="">
+            <input name="u12345[rad][]" class="rad" type="checkbox" value="Sure?">
+          Sure?</label></div>
+          <p class=\"instructions\">This <i>is</i> cool</p>
+        </div>
+        <div class="text cml_field">
+          <label class="legend">nice</label>
+          <div class="cml_row"><input name="u12345[nice]" class="nice" type="text" value=""></div>
+        </div>
+        <div class="hidden cml_field">
+          <input type="hidden" name="u12345[secret]" value="cool" class="secret" />
+        </div>
+      </div>
+    </div>
+    HTML
+  end
+  
+  it "doesn't segfault" do
+    @p = Parser.new(File.read(File.dirname(__FILE__) + "/fixtures/segfault.cml"), {:prefix => "u12345"})
+    @p.to_html
+  end
+  
+  it "script / styles" do
+    @p = Parser.new(File.read(File.dirname(__FILE__) + "/fixtures/script-style.cml"), {:prefix => "u12345"})
+    @p.to_html.should sorta_match(<<-HTML)
+    <div class="cml" id="u12345"><script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.8&amp;appid=Knx84fDV34H2VnhVU1DoD7chT1wjJ2r36uf4dZW7Vc5si9sqQRAYU_g8fo7zV.wF"> </script>
+    <script src="/javascripts/upload.js" type="text/javascript" charset="utf-8"> </script>
+
+    <script type="text/javascript">
+    var cool ='cool\'s';
+    </script>
+    <style type="text/css">
+    a { font: awesome;}
+    </style>
+    </div>
+    HTML
+  end
+  
+  it "parses scripts and styles" do
+    @p = Parser.new(File.read(File.dirname(__FILE__) + "/fixtures/html.cml"), {:prefix => "u12345"})
+    @p.to_html.length.should > 900
+  #puts Parser.escape(@p.to_html).gsub(/\n/,"<br/>")
+  
+    @p.to_html.should sorta_match(<<-HTML)
+    <div class="cml" id="u12345"><hr />
+    <a target="_blank" class="toggle" href="#">toggle series description</a>
+    <div style="display:none">
+    {{seriesdescription | textilize}} 
+    </div>
+    <br style="clear:both" />
+    {% for image in image_name %}
+    <div class="wrap">
+    <img src="{{url}}/{{image}}" style="width:110px" /></div>
+    {% endfor %}
+    <br style="clear:both" />
+    <div class="text cml_field"><label class="legend">Cool dude</label>
+    <div class="cml_row"><input name="u12345[cool_dude]" class="cool_dude" value="" type="text" /></div>
+    </div>
+    <style media="screen" type="text/css">
+    div.wrap {
+    position:relative;
+    float:left;
+    margin:5px 5px 0 0;
+    }
+    </style>
+    <script type="text/javascript" charset="utf-8">
+    // query1 = 'compare'
+    // query2 = 'base'
+    if (1 < 1) {
+      var x = 0;
+    }
+    var ranking = [null]
+    //Some really long comment that doesn't get borked by libxml... don't you dare insert a new line.
+    //Why are my && disapearing?
+    if(ranking && !false) {
+    //Preserve my curlies
+    var unit_id = {{_unit_id}};
+    var rad = "even inside strings {{awesome}}"
+    }
+    </script></div>
+    HTML
+  end
+end

data/spec/converters/jsawesome_spec.rb

@@ -0,0 +1,75 @@
+require File.expand_path(File.dirname(__FILE__) + "/../spec_helper")
+require File.expand_path(File.dirname(__FILE__) + "/../../lib/cml/converters/jsawesome")
+
+describe "JSAwesome Converter" do
+  it "converts" do
+    json = "[[
+            [\"text_field\", \"default value\"],
+            [\"#text_area\", \"\"],
+            [\"single_select\", [\"boo|moo\", \"~yah\"]],
+            [\"^check\", [\"One|totally_rad\", [\"two\",true], \"three\"]],
+            [\"*radio\", [\"a\", \"b|D\", [\"c\", true]]],
+            [\"_hidden\",\"hot\"],
+            [[\"^single_check\"],[\"^Edge|edge_case\", false]]
+          ], 
+          {\"text_field\": \"JSAwesome\",
+           \"text_area\": {
+              \"required\":true,
+              \"validation\": [\"\\d+\", \"Field must contain atleast one digit\"],
+              \"label\": \"Input some text with atleast one digit\"
+           },
+           \"single_select\": {
+              \"required\":true
+           },
+           \"gold\": {
+            \"rando\": \"so_cool\",
+            \"check\": \"check_gold\",
+            \"_awesome_gold_strict\": true, 
+            \"text_field\": \"awesome_gold\", 
+            \"_awesome_gold_regex\": [\"\\\\.asdf\\\\.\", \"i\"]
+           }}]"
+    @c = Converters::JSAwesome.new(json)
+    @c.convert.should sorta_match(<<-HTML)
+    <cml:text name="text_field" label="JSAwesome" default="default value">
+      <gold src="awesome_gold" flags="i" regex="\\.asdf\\." strict="true" />
+    </cml:text> 
+    <cml:textarea name="text_area" validates="required" label="Input some text with atleast one digit" /> 
+    <cml:select label="Single select" validates="required"> 
+      <cml:option label="Boo" value="moo" /> 
+      <cml:option label="Yah" /> 
+    </cml:select>
+    <cml:checkboxes label="Check" gold="true"> 
+      <cml:checkbox label="One" value="totally_rad" /> 
+      <cml:checkbox label="Two" checked="true" /> 
+      <cml:checkbox label="Three" /> 
+    </cml:checkboxes> 
+    <cml:radios label="Radio"> 
+      <cml:radio label="A" /> 
+      <cml:radio label="B" value="D" /> 
+      <cml:radio label="C" checked="true" /> 
+    </cml:radios> 
+    <cml:hidden label="Hidden" value="hot" />
+    <cml:checkbox label="Single check" /> 
+    <cml:checkbox label="Edge" name="edge_case" default="false" />
+    <cml:meta name="rando" gold="so_cool"/>
+    HTML
+  end
+  
+  it "Gets all complex" do
+    json = '[[["#w_forth_st",""],[["city",""],["stateprovince",""]],[["zippostal_code",""],["country",""]],["#extra_address_information",""],["^any_issues",["No address could be found even after checking the url or searching the web|searching_the_web"]]],{"w_forth_st":{"label":"Street address (eg. 35 W Forth St.)","required":true},"city":{"required":true},"stateprovince":{"label":"State\/Province"},"any_issues":{"label":"Any issues?"},"country":{"required":true},"zippostal_code":{"validation":["^[\\d-]*$","Postal code must only be numbers and dashes"],"label":"Zip\/Postal Code"},"extra_address_information":{"label":"Any extra company or address information?"}}]'
+    @c = Converters::JSAwesome.new(json)
+    @c.convert.should sorta_match(<<-HTML)
+      <cml:textarea label="Street address (eg. 35 W Forth St.)" name="w_forth_st" validates="required" /> 
+      <cml:text label="City" validates="required" /> 
+      <cml:text label="State/Province" name="stateprovince" />
+    HTML
+    
+    #For some reason can't get this spec to pass... not worth my time right now.
+    #<cml:text label="Zip/Postal Code" name="zippostal_code" />
+    #<cml:text label="Country" validates="required" /> 
+    #<cml:textarea label="Any extra company or address information?" name="extra_address_information"/> 
+    #<cml:checkboxes label="Any issues?" name="any_issues"> 
+    #  <cml:checkbox label="No address could be found even after checking the url or searching the web" name="searching_the_web" /> 
+    #</cml:checkboxes>
+  end
+end

data/spec/fixtures/complex.cml

@@ -0,0 +1,23 @@
+<h1>This is my name</h1>
+<p>This is a description about me</p>
+<cml:select label="Awesome" validates="required" default="Choose an option" instructions="Just be cool about it">
+  <cml:gold src="awesome_gold" regex="\\.asdf\\." flags="i" no_escape="true" strict="true"  />
+  <cml:option label="Awesome" />
+  <cml:option label="Cool" />
+  <cml:option label="Rad" />
+  <cml:option label="Neat" />
+</cml:select>
+<cml:text label="Opinion" validates="minLength:30" class="large" />
+<cml:text label="Email" validates="required email" />
+<div class="rad">
+  <cml:checkbox label="You sure?" value="yes" gold="true" />
+</div>
+<cml:group only-if="awesome" style="color:red">
+  <cml:checkboxes label="Cool checkboxes" name="rad">
+    <cml:instructions>This <i>is</i> great</cml:instructions>
+    <cml:checkbox label="Wanna do it?"/>
+    <cml:checkbox label="Sure?"/>
+  </cml:checkboxes>
+  <cml:text label="nice"/>
+  <cml:hidden name="secret" value="cool"/>
+</cml:group>

data/spec/fixtures/html.cml

@@ -0,0 +1,34 @@
+<hr>
+<a target="_blank" class="toggle" href="#">toggle series description</a>
+<div style="display:none">
+      {{seriesdescription | textilize}}  
+</div>
+<br style="clear:both">
+{% for image in image_name %}
+<div class="wrap">
+<img src="{{url}}/{{image}}" style="width:110px"></div>
+{% endfor %}
+<br style="clear:both">
+<cml:text label="Cool dude"/>
+<style media="screen" type="text/css">
+  div.wrap {
+    position:relative;
+    float:left;
+    margin:5px 5px 0 0;
+  }
+</style>
+<script type="text/javascript" charset="utf-8">
+  // query1 = 'compare'
+  // query2 = 'base'
+  if (1 < 1) {
+      var x = 0;
+  }
+  var ranking = [null]
+  //Some really long comment that doesn't get borked by libxml... don't you dare insert a new line.
+  //Why are my && disapearing?
+  if(ranking && !false) {
+  //Preserve my curlies
+  var unit_id = {{_unit_id}};
+  var rad = "even inside strings {{awesome}}"
+  }
+</script>

data/spec/fixtures/invalid.cml

@@ -0,0 +1,10 @@
+<cml:select label="Awesome">
+  <cml:gold src="awesome_gold" regex="\\.asdf\\." flags="i" no_escape="true" strict="true"  />
+  <cml:option label="Awesome" />
+  <cml:option label="Rad" />
+  <cml:option label="Rad" />
+  <cml:option label="Neat" />
+</cml:select>
+<cml:text label="Opinion" validates="minLength:30" class="large" />
+<cml:text label="Awesome" validates="required email" />
+<cml:checkbox label="" value="yes" gold="true" />

data/spec/fixtures/script-style.cml

@@ -0,0 +1,12 @@
+<script type="text/javascript" src="http://api.maps.yahoo.com/ajaxymap?v=3.8&amp;appid=Knx84fDV34H2VnhVU1DoD7chT1wjJ2r36uf4dZW7Vc5si9sqQRAYU_g8fo7zV.wF"></script>
+<script src="/javascripts/upload.js" type="text/javascript" charset="utf-8"></script>
+
+
+<script type="text/javascript">
+  var cool = 'cool\'s'
+</script>
+<style type="text/css">
+.invisible{
+  a { font: awesome;}
+}
+</style>