stylus_assets 0.3.0 → 0.4.0

data/README.md

@@ -9,7 +9,7 @@ have a look at [Ruby Stylus](https://github.com/lucasmazza/ruby-stylus).
 Tested on MRI Ruby 1.8.7, 1.9.2, 1.9.3, REE and the latest version of JRuby.
 
 ## Why a Style template?
- 
+
 Why would you like to have JavaScript Style Templates? If you have a lot of domain models that describes a UI, you can
 convert them dynamically to CSS and have nice style logic in the template instead of code that manipulates the DOM
 style attributes.
@@ -103,7 +103,7 @@ StylusAssets::StylusTemplate.variable_prefix = true
 ```
 
 All following examples are prefix free.
- 
+
 ## Render
 
 When you have a template named `header` with the given content:
@@ -151,6 +151,85 @@ will result in
 }
 ```
 
+### Lists
+
+If you pass an array as variable value, it'll converted into a list:
+
+```CSS
+for c in cols
+  .{c}
+    border: 0px
+```
+
+that is rendered with
+
+```javascript
+JSST['header']({ cols: [1, 2, 3] })
+```
+
+will generate
+
+```CSS
+.1 {
+  border: 0;
+}
+.2 {
+  border: 0;
+}
+.3 {
+  border: 0;
+}
+```
+
+### Sets
+
+If you pass an object as variable value, it'll converted into a set:
+
+```CSS
+for p in obj
+  .{p[0]}
+    margin-left: 5px
+```
+
+that is rendered with
+
+```javascript
+JSST['header']({ obj: { prop1: 'test1', prop2: 'test2' } })
+```
+
+will generate
+
+```CSS
+.prop1 {
+  margin-left: 5px;
+}
+.prop2 {
+  margin-left: 5px;
+}
+```
+
+Whenever a set is detected, a helper funtion `get` is added:
+
+```Stylus
+get(hash, key)
+  return pair[1] if pair[0] == key for pair in hash
+```
+
+which allows you the access a value by its name:
+
+```CSS
+.{get(obj, 'prop1')}
+  border: 0px
+```
+
+will generate
+
+```CSS
+.test1 {
+  border: 0px;
+}
+```
+
 ### Default variables
 
 You do not need to define the variables in the Stylus stylesheet, as they will be created before compilation, but you

data/lib/stylus_assets/version.rb

@@ -1,5 +1,5 @@
 # coding: UTF-8
 
 module StylusAssets
-  VERSION = '0.3.0' unless defined?(StylusAssets::VERSION)
+  VERSION = '0.4.0' unless defined?(StylusAssets::VERSION)
 end

data/vendor/assets/javascripts/stylus_assets.js.coffee.erb

@@ -4,10 +4,13 @@ class window.StylusAssets
 
   # Whether to prefix variables with a $ on not
   @prefixVariables = <%= StylusAssets::StylusTemplate.variable_prefix %>
-  
+
   # Test if object is an array
   @isArray = Array.isArray or (obj) -> !!(obj and obj.concat and obj.unshift and not obj.callee)
-      
+
+  # Test if object is an object
+  @isObject = (obj) -> obj is Object(obj)
+
   # Render stylus css with its variables to plain css
   #
   # @param [String] css the stylus css
@@ -18,8 +21,9 @@ class window.StylusAssets
   @render: (name, css, variables = {}, doc = undefined) ->
     result = undefined
     newVariables = {}
+    hasSet = false
     prefix = if StylusAssets.prefixVariables then '$' else ''
-        
+
     # Replace existing less variables
     #
     for variable, value of variables
@@ -28,17 +32,32 @@ class window.StylusAssets
       if StylusAssets.isArray(value)
         list = ''
         list += "'#{ v }' " for v in value
+
         value = list.substring(0, list.length - 1)
 
+      if StylusAssets.isObject(value)
+        hasSet = true
+
+        set = ''
+        set += "('#{ k }' '#{ v }') " for k, v of value
+
+        value = set.substring(0, set.length - 1)
+
       if existing.test css
         css = css.replace existing, "#{ prefix }#{ variable } = #{ value }"
       else
         newVariables[variable] = value
 
-    # Add bew Stylus variables
+    # Add new Stylus variables
     #
     style = ''
     style += "#{ prefix }#{ variable } = #{ value }\n" for variable, value of newVariables
+
+    if hasSet
+      style += """
+get(hash, key)
+  return pair[1] if pair[0] == key for pair in hash\n
+"""
     style += css
 
     # Compile the Stylus stylesheet
@@ -76,7 +95,7 @@ class window.StylusAssets
 # Stylus imports
 #
 class StylusAssets.Imports
-  
+
   @functions = '''
 vendors = moz webkit o ms official
 
@@ -88,7 +107,7 @@ vendors = moz webkit o ms official
 // require a color
 
 require-color(color)
-  unless color is a 'color' 
+  unless color is a 'color'
     error('RGB or HSL value expected, got a ' + -string(color))
 
 // require a unit
@@ -105,7 +124,7 @@ require-string(str)
 
 // apply js Math function
 
-math(n, fn) 
+math(n, fn)
   require-unit(n)
   require-string(fn)
   -math(n, fn)
@@ -208,7 +227,7 @@ lighten(color, amount)
 
 fade-out(color, amount)
   color - rgba(black, percent-to-decimal(amount))
-  
+
 // increase opacity by amount
 
 fade-in(color, amount)
@@ -296,7 +315,7 @@ join(delim, vals...)
 // add a css rule to the containing block
 
 // - This definition allows add-property to be used as a mixin
-// - It has the same effect as interpolation but allows users 
+// - It has the same effect as interpolation but allows users
 //   to opt for a functional style
 
 add-property-function = add-property
@@ -305,4 +324,4 @@ add-property(name, expr)
     {name} expr
   else
     add-property-function(name, expr)
-  '''
+  '''

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stylus_assets
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.4.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-06-26 00:00:00.000000000 Z
+date: 2012-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tilt
@@ -88,7 +88,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1206232681905005782
+      hash: -3115701335073958094
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: