Separating out generators

Author: merbjedi

lib/sprite.rb

@@ -20,3 +20,4 @@ def self.root
 
 require 'sprite/builder'
 require 'sprite/image_combiner'
+require 'sprite/styles'

lib/sprite/builder.rb

@@ -5,7 +5,6 @@ class Builder
 
     attr_reader :config
     attr_reader :images
-    attr_reader :output
 
     def self.from_config(path = nil) 
       results = {}
@@ -63,7 +62,7 @@ def output_image(image)
       combiner = ImageCombiner.new
 
       dest_image = combiner.get_image(sources.shift)
-      results << combiner.image_properties(dest_image).merge(:x => 0, :y => 0)
+      results << combiner.image_properties(dest_image).merge(:x => 0, :y => 0, :group => name)
       sources.each do |source|
         source_image = combiner.get_image(source)
         if image['align'].to_s == 'horizontal'
@@ -87,25 +86,16 @@ def output_image(image)
     end
 
     def output_file
+      style = Styles.get(config["style"]).new(self)
+      
       # set up path
-      path = style_output_path("css")
+      path = style_output_path(style.extension)
       FileUtils.mkdir_p(File.dirname(path))
 
-      # set up class_name to append to each rule
-      sprites_class = config['sprites_class'] ? ".#{config['sprites_class']}" : ""
-      
-      # write stylesheet file to disk
+      # write styles to disk
       File.open(path, 'w') do |f|
-        @output.each do |dest, results|
-          results.each do |result|
-            f.puts "#{sprites_class}.#{result[:group]}#{config['class_separator']}#{result[:name]} {"
-            f.puts "  background: url(http://github.com/'/%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-en%3Econfig%3C/span%3E%3Cspan%20class=pl-kos%3E[%3C/span%3E%3Cspan%20class=pl-s%3E'image_output_path'%3C/span%3E%3Cspan%20class=pl-kos%3E]%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-s1%3Edest%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E') no-repeat #{result[:x]}px #{result[:y]}px;"
-            f.puts "  width: #{result[:width]}px;"
-            f.puts "  height: #{result[:height]}px;"
-            f.puts "}"
-          end
-        end
-      end
+        f << style.generate(@output)
+      end      
     end
 
     # get the disk path for the style output file
@@ -144,9 +134,9 @@ def chop_trailing_slash(path)
     # sets all the default values on the config
     def set_config_defaults
       @config['style']              ||= 'css'
-      @config['style_output_path']        ||= 'stylesheets/sprites'
+      @config['style_output_path']  ||= 'stylesheets/sprites'
       @config['image_output_path']  ||= 'images/sprites/'
-      @config['image_source_path']        ||= 'images/'
+      @config['image_source_path']  ||= 'images/'
       @config['public_path']        ||= 'public/'
       @config['default_format']     ||= 'png'
       @config['class_separator']    ||= '-'

lib/sprite/image_combiner.rb

@@ -16,7 +16,6 @@ def composite_images(dest_image, src_image, x, y)
       image
     end
 
-
     # Image Utility Methods
     def get_image(image_filename)
       image = Magick::Image::read(image_filename).first

lib/sprite/styles.rb

@@ -0,0 +1,93 @@
+module Sprite::Styles
+  GENERATORS = {
+    "css" => "CssGenerator",
+    "sass" => "SassGenerator",
+    'sass_mixin' => "SassMixinGenerator"
+  }
+  
+  def self.get(config)
+    const_get(GENERATORS[config])
+  rescue
+    CssGenerator
+  end
+  
+  # renders standard css style rules
+  class CssGenerator
+    def initialize(builder)
+      @builder = builder
+    end
+    
+    def generate(sprite_files)
+      output = ""
+      
+      # set up class_name to append to each rule
+      sprites_class = @builder.config['sprites_class'] ? ".#{@builder.config['sprites_class']}" : ""
+      
+      # write stylesheet file to disk
+      sprite_files.each do |sprite_file, sprites|
+        sprites.each do |sprite|
+          output << "#{sprites_class}.#{sprite[:group]}#{@builder.config['class_separator']}#{sprite[:name]} {\n"
+          output << "  background: url(http://github.com/'/%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-c1%3E@builder%3C/span%3E%3Cspan%20class=pl-kos%3E.%3C/span%3E%3Cspan%20class=pl-en%3Econfig%3C/span%3E%3Cspan%20class=pl-kos%3E[%3C/span%3E%3Cspan%20class=pl-s%3E'image_output_path'%3C/span%3E%3Cspan%20class=pl-kos%3E]%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-s1%3Esprite_file%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E') no-repeat #{sprite[:x]}px #{sprite[:y]}px;\n"
+          output << "  width: #{sprite[:width]}px;\n"
+          output << "  height: #{sprite[:height]}px;\n"
+          output << "}\n"
+        end
+      end
+      
+      output
+    end
+    
+    def extension
+      "css"
+    end
+  end
+  
+  # renders standard sass rules
+  class SassGenerator
+    def initialize(builder)
+      @builder = builder
+    end
+
+    def generate(sprite_files)
+      output = ""
+      
+      # set up class_name to append to each rule
+      sprites_class = @builder.config['sprites_class'] ? ".#{@builder.config['sprites_class']}" : ""
+      
+      output << ".#{sprites_class}"
+      sprite_files.each do |sprite_file, sprites|
+        sprites.each do |sprite|
+          output << "  &.#{sprite[:group]}#{@builder.config['class_separator']}#{sprite[:name]}\n"
+          output << "    background: url(http://github.com/'/%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-c1%3E@builder%3C/span%3E%3Cspan%20class=pl-kos%3E.%3C/span%3E%3Cspan%20class=pl-en%3Econfig%3C/span%3E%3Cspan%20class=pl-kos%3E[%3C/span%3E%3Cspan%20class=pl-s%3E'image_output_path'%3C/span%3E%3Cspan%20class=pl-kos%3E]%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E%3Cspan%20class=pl-s1%3E%3Cspan%20class=pl-kos%3E#{%3C/span%3E%3Cspan%20class=pl-s1%3Esprite_file%3C/span%3E%3Cspan%20class=pl-kos%3E}%3C/span%3E%3C/span%3E') no-repeat #{sprite[:x]}px #{sprite[:y]}px\n"
+          output << "    width: #{sprite[:width]}px\n"
+          output << "    height: #{sprite[:height]}px\n"
+          output << "\n"
+        end
+      end
+      
+      output
+    end
+    
+    def extension
+      "sass"
+    end
+  end
+  
+  # renders a yml file that is parsed by a sass extension
+  class SassMixinGenerator
+    def initialize(builder)
+      @builder = builder
+    end
+
+    def generate(output)
+      ""
+    end
+    
+    def extension
+      "yml"
+    end
+    
+  end
+
+
+end