compass-img-delivery 0.0.1 → 0.0.2

data/lib/img-delivery/functions.rb

@@ -1,31 +1,50 @@
 require "rubygems"
 require "base64"
 
-# module Compass::ImgDelivery
 
-#     def scss_rule(basename, mime_type, data_uri)
-#         rule = <<-SCSS
-#           .#{basename.downcase} {
-#             background-image: url("data:#{mime_type};base64,#{data_uri}");
-#             background-repeat: no-repeat;
-#           }
-#         SCSS
-#     end
+module Compass::ImgDelivery
 
-#     def fallback_scss_rule(basename, img_dir)
-#         rule = <<-SCSS
-#           .#{basename.downcase} {
-#             background-image: url("#{img_dir}/#{basename}.png");
-#             background-repeat: no-repeat;
-#           }
-#         SCSS
-#     end
+    def scss_rule(basename, mime_type, data_uri)
+        rule = <<-SCSS
+          .#{basename.downcase} {
+            background-image: url("data:#{mime_type};base64,#{data_uri}");
+            background-repeat: no-repeat;
+          }
 
-# end
+        SCSS
+    end
+
+    def fallback_scss_rule(basename, img_dir)
+        rule = <<-SCSS
+          .#{basename.downcase} {
+            background-image: url("#{img_dir}/#{basename}.png");
+            background-repeat: no-repeat;
+          }
+
+        SCSS
+    end
+
+    def mkdir_if_not_exists(file)
+        if !File.exists?(file)
+            d = File.dirname(file)
+            Dir.mkdir(d) unless Dir.exists?(d)
+        end
+    end
+
+    def write_file(file, content)
+        File.open(file, 'w') do |f|
+            puts "Writing #{file}"
+            f.write(content)
+        end
+    end
+
+end
 
 
 module Sass::Script::Functions
 
+    include Compass::ImgDelivery
+
     def img_delivery(images_dir = '', css_dir = '', js_dir = '')
         directory_path = Compass.configuration.images_path + "#{images_dir.value}"
         svg_scss_content = ""
@@ -35,45 +54,27 @@ module Sass::Script::Functions
         Dir["#{directory_path}svg/*.svg"].each do |file|
             basename = File.basename(file, ".svg")
             outputfile = directory_path + 'png/' + basename + '.png'
-            svg_data_uri = svg_base64(file)
 
-            svg_scss_content << <<-SCSS
-              .#{basename.downcase} {
-                background-image: #{svg_data_uri};
-                background-repeat: no-repeat;
-              }
+            # svg data-uri css rule
+            svg_data_uri = img2b64(file)
+            svg_scss_content << scss_rule(basename, "image/svg+xml", svg_data_uri )
 
-            SCSS
+            # make png/ dir if not exists
+            mkdir_if_not_exists(outputfile)
 
-            # generate pngs
-            # svg2png command
+            # create png files with svg2png command
             cmd = "svg2png #{file} #{outputfile}"
             puts "Writing #{outputfile}"
+            # exec shell command
             shell = %x[ #{cmd} ]
 
-            png_data_uri = png_base64(outputfile)
-            png_scss_content << <<-SCSS
-              .#{basename.downcase} {
-                background-image: #{png_data_uri};
-                background-repeat: no-repeat;
-              }
-
-            SCSS
+            # png data-uri css rule
+            png_data_uri = img2b64(outputfile)
+            png_scss_content << scss_rule(basename, "image/png", png_data_uri)
 
+            # png fallback css rule
             fallback_img_path =  "/" + Compass.configuration.images_dir + "#{images_dir.value}png"
-            fallback_scss_content << <<-SCSS
-              .#{basename.downcase} {
-                background-image: url("#{fallback_img_path}/#{basename}.png");
-                background-repeat: no-repeat;
-              }
-
-            SCSS
-
-
-            if !File.exists?(outputfile)
-                d = directory_path + 'png'
-                Dir.mkdir(d) unless Dir.exists?(d)
-            end
+            fallback_scss_content << fallback_scss_rule(basename, fallback_img_path)
         end
 
         # create svg.scss file
@@ -82,57 +83,29 @@ module Sass::Script::Functions
         png_scss_file = css_path + '-png.css.scss'
         fallback_scss_file = css_path + '-fallback.css.scss'
 
-        if !File.exists?(svg_scss_file)
-            d = File.dirname(svg_scss_file)
-            Dir.mkdir(d) unless Dir.exists?(d)
-        end
+        mkdir_if_not_exists(svg_scss_file)
 
-        File.open(svg_scss_file, 'w') do |f|
-            puts "Writing #{svg_scss_file}"
-            f.write(svg_scss_content)
-        end
+        # create svg.scss file
+        write_file(svg_scss_file, svg_scss_content)
 
         # create png.scss file
-        File.open(png_scss_file, 'w') do |f|
-            puts "Writing #{png_scss_file}"
-            f.write(png_scss_content)
-        end
+        write_file(png_scss_file, png_scss_content)
 
         # create fallback.scss file
-        File.open(fallback_scss_file, 'w') do |f|
-            puts "Writing #{fallback_scss_file}"
-            f.write(fallback_scss_content)
-        end
+        write_file(fallback_scss_file, fallback_scss_content)
 
         # create js file
         js_content = File.open(File.join(File.dirname(__FILE__), "../javascripts/img-delivery.js"), "rb")
         js_content = js_content.read
         js_path = Compass.configuration.javascripts_path + "#{js_dir.value}"
-
         js_file = js_path + '.js'
-        if !File.exists?(js_file)
-            d = File.dirname(js_file)
-            Dir.mkdir(d) unless Dir.exists?(d)
-        end
-
-        File.open(js_file, 'w') do |f|
-            puts "Writing #{js_file}"
-            f.write(js_content)
-        end
 
+        mkdir_if_not_exists(js_file)
+        write_file(js_file, js_content)
     end
 
-    def svg_base64(file)
-      data = Base64.encode64(File.read(file)).gsub("\n", '')
-      uri  = "data:image/svg+xml;base64,#{data}"
-
-      "url('#{uri}')"
+    def img2b64(file)
+        Base64.encode64(File.read(file)).gsub("\n", '')
     end
 
-    def png_base64(file)
-      data = Base64.encode64(File.read(file)).gsub("\n", '')
-      uri  = "data:image/png;base64,#{data}"
-
-      "url('#{uri}')"
-    end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-img-delivery
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
   prerelease: 
 platform: ruby
 authors: