compass-jquery-plugin 0.2.6.0 → 0.3.0.beta.1

data/lib/jquery/gridify.rb

@@ -0,0 +1,42 @@
+require 'jquery/gridify/grid'
+
+module Gridify
+  
+  def self.included(base)
+    base.extend(ClassMethods)
+  end
+  
+  module ClassMethods
+    attr_accessor :grids
+    
+    def gridify(*args, &block)
+      # debugger
+      grid = Gridify::Grid.new( self, *args, &block)
+      @grids ||= {}
+      @grids[grid.name.to_sym] = grid 
+      
+      unless self.respond_to?(:find_for_grid)
+        class_eval <<-EOV
+            named_scope :find_for_grid, lambda {|name, params|
+              grid = grids[name]
+              grid.update_from_params( params )
+              grid.current_scope
+            }    
+        EOV
+      end
+    end
+    
+    def grids
+      @grids || {}
+    end
+    
+    def grid(name=nil)
+      name ? grids[name] : grids[:grid]  
+    end  
+  end
+end
+ 
+class ActiveRecord::Base
+  include Gridify
+end
+

data/lib/jquery/jqgrid/jqgrid.rb

@@ -196,11 +196,10 @@ module ActionView
               colModel: #{sub_col_model},
               rowNum:#{options[:subgrid][:rows_per_page]},
               pager: pager_id,
-              imgpath: '/images/jqgrid',
               sortname: '#{options[:subgrid][:sort_column]}',
               sortorder: '#{options[:subgrid][:sort_order]}',
               viewrecords: true,
-              toolbar : [true,"top"], 
+              //toolbar : [true,"top"], 
               #{subgrid_inline_edit}
               #{subgrid_direct_link}
               height: '100%'
@@ -227,25 +226,96 @@ module ActionView
         <script type="text/javascript">
           var lastsel;
           jQuery(document).ready(function(){
-            jQuery("##{id}").jqGrid({
+            jQuery("##{id}").jqGrid({            
               url:'#{action}?q=1',
-              editurl:'#{options[:edit_url]}',
-              datatype: "json",
-              colNames:#{col_names},
-              colModel:#{col_model},
-              pager: '##{id}_pager',
+              height: "#{options[:height]}",
+              // page: 1,
               rowNum:#{options[:rows_per_page]},
+              // records: 0,
+              pager: '##{id}_pager',
+              // pgbuttons: true,
+              // pginput: true,
+              colModel:#{col_model},
               rowList:[10,25,50,100],
-              sortname: '#{options[:sort_column]}',
+              colNames:#{col_names},
               sortorder: '#{options[:sort_order]}',
+              sortname: '#{options[:sort_column]}',
+              datatype: "json",
+              // mtype: "GET",
+              // altRows: false,
+              // selarrrow: [],
+              // savedRow: [],
+              // shrinkToFit: true,
+              // xmlReader: {},
+              // jsonReader: {},
+              // subGrid: false,
+              // subGridModel :[],
+              // reccount: 0,
+              // lastpage: 0,
+              // lastsort: 0,
+              // selrow: null,
+              // beforeSelectRow: null,
+              // onSelectRow: null,
+              // onSortCol: null,
+              // ondblClickRow: null,
+              // onRightClickRow: null,
+              // onPaging: null,
+              // onSelectAll: null,
+              // loadComplete: null,
+              // gridComplete: null,
+              // loadError: null,
+              // loadBeforeSend: null,
+              // afterInsertRow: null,
+              // beforeRequest: null,
+              // onHeaderClick: null,
               viewrecords: true,
-              height: #{options[:height]},
-              toolbar : [true,"top"],
-              gridview: #{options[:gridview]},
+              // loadonce: false,
+              // multikey: false,
+              editurl:'#{options[:edit_url]}',
+              // search: false,
+              caption: "#{title}",
               hidegrid: #{options[:hidegrid]},
+              // hiddengrid: false,
+              // postData: {},
+              // userData: {},
+              // treeGrid : false,
+              // treeGridModel : 'nested',
+              // treeReader : {},
+              // treeANode : -1,
+              // ExpandColumn: null,
+              // tree_root_level : 0,
+              // prmNames: {page:"page",rows:"rows", sort: "sidx",order: "sord", search:"_search", nd:"nd", id:"id",oper:"oper",editoper:"edit",addoper:"add",deloper:"del"},
+              // forceFit : false,
+              // gridstate : "visible",
+              // cellEdit: false,
+              // cellsubmit: "remote",
+              // nv:0,
+              // loadui: "enable",
+              // toolbar: [false,""],
+              // scroll: false,
+              // multiboxonly : false,
+              // deselectAfterSort : true,
               scrollrows: true,
-              rownumbers: #{options[:rownumbers]},
               autowidth: #{options[:autowidth]},
+              // scrollOffset :18,
+              // cellLayout: 5,
+              // subGridWidth: 20,
+              // multiselectWidth: 20,
+              gridview: #{options[:gridview]},
+              // rownumWidth: 25,
+              rownumbers: #{options[:rownumbers]},
+              // pagerpos: 'center',
+              // recordpos: 'right',
+              // footerrow : false,
+              // userDataOnFooter : false,
+              // hoverrows : true,
+              // altclass : 'ui-priority-secondary',
+              // viewsortcols : [false,'vertical',true],
+              // resizeclass : '',
+              // autoencode : false,
+              // remapColumns : [],
+              // ajaxGridOptions :{},
+              // direction : "ltr",
               #{multiselect}
               #{masterdetails}
               #{grid_loaded}
@@ -253,7 +323,8 @@ module ActionView
               #{editable}
               #{subgrid_enabled}
               #{subgrid}
-              caption: "#{title}"
+              // toppager: false,
+              // headertitles: false      
             });
             jQuery("##{id}").jqGrid('navGrid', '##{id}_pager',
               {edit:#{edit_button},add:#{options[:add]},del:#{options[:delete]},search:#{options[:search]},refresh:true},
@@ -332,12 +403,13 @@ module ActionView
         end
       end
       options.chop! << "}"
-    end   
+    end
   end
 end
 
 module JqgridJson
   include ActionView::Helpers::JavaScriptHelper
+  include HandleAttributes
 
   def to_jqgrid_json(attributes, current_page, per_page, total)
     json = %Q({"page":"#{current_page}","total":#{total/per_page.to_i+1},"records":"#{total}")
@@ -359,28 +431,6 @@ module JqgridJson
       json << "}"
     end
   end
-  
-  private
-  
-  def get_atr_value(elem, atr, couples)
-    if atr.to_s.include?('.')
-      value = get_nested_atr_value(elem, atr.to_s.split('.').reverse) 
-    else
-      value = couples[atr]
-      value = elem.send(atr.to_sym) if value.blank? && elem.respond_to?(atr) # Required for virtual attributes
-    end
-    value
-  end
-  
-  def get_nested_atr_value(elem, hierarchy)
-    return nil if hierarchy.size == 0
-    atr = hierarchy.pop
-    raise ArgumentError, "#{atr} doesn't exist on #{elem.inspect}" unless elem.respond_to?(atr)
-    nested_elem = elem.send(atr)
-    return "" if nested_elem.nil?
-    value = get_nested_atr_value(nested_elem, hierarchy)
-    value.nil? ? nested_elem : value
-  end
 end
 
 class Array

data/lib/jquery/jqgrid.rb

@@ -2,4 +2,4 @@ module JqGrid#:nodoc:
 end
 
 require 'jquery/jqgrid/jqgrid'
-require 'jquery/jqgrid/jqgrid2xml'
+require 'handle_attributes'

data/lib/jquery/jquery_auto_complete.rb

@@ -0,0 +1,44 @@
+module JqueryAutoComplete 
+  
+  def self.included(base)
+    base.extend(ClassMethods)
+  end
+
+  module ClassMethods
+    def auto_complete_for(object, method, options = {})
+      define_method("auto_complete_for_#{object}_#{method}") do
+        object_constant = object.to_s.camelize.constantize
+        
+        find_options = { 
+          :conditions => [ "LOWER(#{method}) LIKE ?", '%' + params[:term].downcase + '%' ], 
+          :order => "#{method} ASC",
+          :limit => 10 }.merge!(options)
+        
+        render :json => object_constant.to_auto_complete(:json, find_options)
+      end
+    end
+  end  
+end
+
+module JqueryAutoCompleteJson
+  include ActionView::Helpers::JavaScriptHelper
+  include HandleAttributes
+
+  def to_auto_complete(format, attributes)
+    case format
+      when :json
+        json = %Q([)
+        each do |elem|
+          couples = elem.attributes.symbolize_keys
+          json << %Q({ "id": "#{get_atr_value(elem, attributes[0], couples)}",)
+          json << %Q( "label": "#{get_atr_value(elem, attributes[1], couples)}",)
+          json << %Q( "value": "#{get_atr_value(elem, attributes[2], couples).gsub(/<\/?[^>]*>/, "")}" },)
+        end
+        json.chop! << " ]"
+    end
+  end
+end
+
+class Array
+  include JqueryAutoCompleteJson
+end

data/lib/jquery/jquery_selector_assertions.rb

@@ -0,0 +1,78 @@
+#
+#  jQuery Selector Assertions (modifications to the prototype/scriptaculous assertions)
+#
+#   From http://pastie.org/303776
+#
+# 1. Make sure to use '#' prefix when referring to element IDs in assert_select_rjs(),
+#    like this:
+#            assert_select_rjs :replace_html, '#someid'
+#    instead of prototype convention:
+#             assert_select_rjs :replace_html, 'someid' 
+#
+# We monkey-patch some RJS-matching constants for assert_select_rjs to work 
+# with jQuery-based code as opposed to Prototype's:
+#
+module ActionController
+   module Assertions
+      module SelectorAssertions
+         silence_warnings do
+            RJS_PATTERN_HTML  = "\"((\\\\\"|[^\"])*)\""
+#            RJS_ANY_ID      = "\"([^\"])*\""
+#	better match with single or double quoted ids
+            RJS_ANY_ID      = "[\"']([^\"])*[\"']"
+            
+            RJS_STATEMENTS   = {
+               :chained_replace      => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.replaceWith\\(#{RJS_PATTERN_HTML}\\)",
+               :chained_replace_html => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.updateWith\\(#{RJS_PATTERN_HTML}\\)",
+               :replace_html         => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.html\\(#{RJS_PATTERN_HTML}\\)",
+               :replace              => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.replaceWith\\(#{RJS_PATTERN_HTML}\\)",
+               :insert_top           => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.prepend\\(#{RJS_PATTERN_HTML}\\)",
+               :insert_bottom        => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.append\\(#{RJS_PATTERN_HTML}\\)",
+               :effect               => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.effect\\(",
+               :highlight            => "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.effect\\('highlight'"
+               
+=begin TODO: 
+
+I've never used the chained_* so I don't know if they work.
+
+I couldn't seem to get assert_select_rjs to actually match the single quoted ids
+which are created by some of the effects like ... 
+ ... jQuery('#item_1559').effect('highlight',{},1000);
+so I modified jrails/lib/jrails.rb line 337 
+ ... javascript = "#{JQUERY_VAR}('#{jquery_id(element_id)}').#{mode || 'effect'}('#{name}'"
+to
+ ... javascript = "#{JQUERY_VAR}(\"#{jquery_id(element_id)}\").#{mode || 'effect'}('#{name}'"
+so it writes double quotes like most of the others.  This change should probably be 
+done to the others, but as I don't use them so haven't tested them.
+
+My other option seemed to require modifying rails' selector_assertions.rb line 427
+ ... id ? statement.gsub(RJS_ANY_ID, "\"#{id}\"") : statement
+which forces the expectation that the id is double quoted.  If I changed it to 
+ ... statement.gsub(RJS_ANY_ID, "[\"']{1}#{id}[\"']{1}")
+I believe that it would work as the logic seemed to work in some testing.
+I have not actually tried to modify rails, as this file doesn't seem to
+actually be in the git repository.
+
+
+jrails now uses a nonconflict option so $ is jQuery.  I put both in the pattern in case it gets changed.
+
+              :insert_after => "",
+              :insert_before => "",
+=end
+               
+            }
+            
+            [:remove, :show, :hide, :toggle, :reset ].each do |action|
+               RJS_STATEMENTS[action] = "\(jQuery|$\)\\(#{RJS_ANY_ID}\\)\\.#{action}\\(\\)"
+            end
+            
+            # TODO: 
+            #RJS_STATEMENTS[:insert_html] = "Element.insert\\(#{RJS_ANY_ID}, \\{ (#{RJS_INSERTIONS.join('|')}):            
+							#{RJS_PATTERN_HTML} \\}\\)"
+            
+            RJS_STATEMENTS[:any] = Regexp.new("(#{RJS_STATEMENTS.values.join('|')})")
+            RJS_PATTERN_UNICODE_ESCAPED_CHAR = /\\u([0-9a-zA-Z]{4})/
+         end
+      end
+   end
+end

data/lib/jquery/jrails.rb

@@ -2,7 +2,8 @@ module ActionView
   module Helpers  
     
     def jrails_javascripts(locale)
-      if locale != :en
+      if locale != 'en'
+      else
         js = capture { javascript_include_tag "i18n/jquery.ui/datepicker-#{locale}.min.js" }  
         js << capture { '<script type="text/javascript">' }   
         js << capture { "  jQuery.datepicker.setDefaults(jQuery.datepicker.regional['#{locale}']);" }   
@@ -39,8 +40,10 @@ module ActionView
     
     module PrototypeHelper
       
+      USE_PROTECTION = const_defined?(:DISABLE_JQUERY_FORGERY_PROTECTION) ? !DISABLE_JQUERY_FORGERY_PROTECTION : true
+
       unless const_defined? :JQUERY_VAR
-        JQUERY_VAR = '$'
+        JQUERY_VAR = 'jQuery'
       end
           
       unless const_defined? :JQCALLBACKS
@@ -157,7 +160,7 @@ module ActionView
           end
         end
         
-        if respond_to?('protect_against_forgery?') && protect_against_forgery?
+        if USE_PROTECTION && respond_to?('protect_against_forgery?') && protect_against_forgery?
           if js_options['data']
             js_options['data'] << " + '&"
           else
@@ -206,10 +209,11 @@ module ActionView
       def build_callbacks(options)
         callbacks = {}
         options[:beforeSend] = '';
-        [:uninitialized,:loading,:loaded].each do |key|
+        [:uninitialized,:loading].each do |key|
           options[:beforeSend] << (options[key].last == ';' ? options.delete(key) : options.delete(key) << ';') if options[key]
         end
         options.delete(:beforeSend) if options[:beforeSend].blank?
+        options[:complete] = options.delete(:loaded) if options[:loaded] 
         options[:error] = options.delete(:failure) if options[:failure]
         if options[:update]
           if options[:update].is_a?(Hash)
@@ -324,7 +328,7 @@ module ActionView
           js_options = js_options.merge(effect[:options]) if effect[:options]
         end
         
-        [:color, :direction].each do |option|
+        [:color, :direction, :startcolor, :endcolor].each do |option|
           js_options[option] = "'#{js_options[option]}'" if js_options[option]
         end
         
@@ -336,11 +340,13 @@ module ActionView
         end
         
         if ['fadeIn','fadeOut','fadeToggle'].include?(name)
-          javascript = "#{JQUERY_VAR}('#{jquery_id(element_id)}').#{name}("
+          # 090905 - Jake - changed ' to \" so it passes assert_select_rjs with an id
+          javascript = "#{JQUERY_VAR}(\"#{jquery_id(element_id)}\").#{name}("
           javascript << "#{speed}" unless speed.nil?
           javascript << ");"
         else
-          javascript = "#{JQUERY_VAR}('#{jquery_id(element_id)}').#{mode || 'effect'}('#{name}'"
+          # 090905 - Jake - changed ' to \" so it passes "assert_select_rjs :effect, ID"
+          javascript = "#{JQUERY_VAR}(\"#{jquery_id(element_id)}\").#{mode || 'effect'}('#{name}'"
           javascript << ",#{options_for_javascript(js_options)}" unless speed.nil? && js_options.empty?
           javascript << ",#{speed}" unless speed.nil?
           javascript << ");"
@@ -361,9 +367,9 @@ module ActionView
         options[:dropOnEmpty] = false unless options[:dropOnEmpty]
         options[:helper] = "'clone'" if options[:ghosting] == true
         options[:axis] = case options.delete(:constraint)
-          when "vertical"
+          when "vertical", :vertical
             "y"
-          when "horizontal"
+          when "horizontal", :horizontal
             "x"
           when false
             nil
@@ -375,7 +381,13 @@ module ActionView
         options.delete(:ghosting)
         
         if options[:onUpdate] || options[:url]
-          options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]'})"
+          if options[:format]
+            options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]', expression:#{options[:format]}})"
+            options.delete(:format)
+          else
+            options[:with] ||= "#{JQUERY_VAR}(this).sortable('serialize',{key:'#{element_id}[]'})"
+          end
+          
           options[:onUpdate] ||= "function(){" + remote_function(options) + "}"
         end
         

data/lib/jquery/secret_sauce/helpers/ui_grid_helper.rb

@@ -162,6 +162,7 @@ module SecretSauce
           :param_keys => "prmnames", # array
           :post_data => "postData", # array 
           :resize_class => "resizeclass", # string
+          :restful => "restful", # bool
           :row_num => "rowNum", # integer TODO: ADD DOCUMENATION
           :row_list => "rowList", # array TODO: ADD DOCUMENATION
           :scroll => "scroll", # bool
@@ -184,17 +185,23 @@ module SecretSauce
           options[:grid] = {} unless options[:grid]
           options[:nav] = {} unless options[:nav]
           options[:actions] = {} unless options[:actions]
+          options[:url] = "/#{name_or_array}" unless options[:url]
           column_model = name_or_array.to_s.singularize.classify.constantize.new.attributes.keys.collect do |m|
             {:name => m, :index => m, :label => m.titleize, :width => (1024 / name_or_array.to_s.singularize.classify.constantize.new.attributes.length)}
           end
           grid_options = {
-            :url => "/#{name_or_array}.json",
+            ##########################################
+            #:url => "/#{name_or_array}.json", 
+            :url => "#{options[:url]}.json", 
+            ##########################################
             :alternate_rows => true,
             :caption => "#{name_or_array}".titleize,
             :column_model => column_model,
             :datatype => "json",
+            :restful => true,
             :json_reader => {:repeatitems => false},
-            :height => 22 * 30,
+            #:height => 22 * 30,
+            :height => :auto,
             :row_num => 20,
             :row_list => [10, 20, 30],
             :pager => "#{name_or_array}_pager",
@@ -211,8 +218,7 @@ module SecretSauce
             :add => false,
             :del => false
           }.merge(options[:nav]))    
-          #render(:partial => 'ui/ui_grid_for_without_block',  :locals => {:options => mapped_options, :name => name_or_array, :nav => options[:nav], :actions => options[:actions]})
-          render(:file => 'ui/_ui_grid_for_without_block.js.haml',  :locals => {:options => mapped_options, :name => name_or_array, :nav => options[:nav], :actions => options[:actions]})
+          render(:file => 'ui/_ui_grid_for_without_block.js.haml', :locals => {:options => mapped_options, :name => name_or_array, :url => options[:url], :nav => options[:nav], :actions => options[:actions]})
         end
       end
     end   

data/lib/jquery/secret_sauce/model/find_for_grid.rb

@@ -3,7 +3,7 @@ module ActiveRecord
       
       # takes params from request and returns records serialized to json. handles the majority of the functionality
       # for searching, sorting, and serializing records to be consumed by jqGrid.
-      def self.find_for_grid(params)
+      def self.find_for_grid_2(params)
         search_options = {:limit => params["rows"]}
         search_options[:offset] = (params["page"].to_i * params["rows"].to_i) - params["rows"].to_i
         search_options[:order] = "#{params['sidx']} #{params['sord']}" if params["sidx"] != ""

data/lib/jquery/secret_sauce.rb

@@ -6,5 +6,4 @@ require 'jquery/secret_sauce/controller/ui_grid_controls'
 require 'jquery/secret_sauce/helpers/ui_dialog_helper'
 require 'jquery/secret_sauce/helpers/ui_form_helper'
 require 'jquery/secret_sauce/helpers/ui_grid_helper'
-require 'jquery/secret_sauce/helpers/ui_theme_helper'
 require 'jquery/secret_sauce/model/find_for_grid'

data/lib/jquery.ui.rb

@@ -0,0 +1,144 @@
+JRAILS_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\n# Install with: compass -f jquery -p jrails\n\n"
+JRAILS_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\n\n"
+AUTOCOMPLETE_FIX = "\n\n/* Fix Autocomplete */\n\n.ui-autocomplete-loading { background: white/*{bgColorLoading}*/ url(images/ui-anim_basic_16x16.gif)/*{bgImgUrlLoading}*/ right/*{bgLoadingXPos}*/ center/*{bgLoadingYPos}*/ no-repeat/*{bgLoadingRepeat}*/; }"
+
+class JqueryUiTheme
+  
+  VARIABLE_NAME_BASE = 'ui_'
+  VARIABLE_MATCHER = /(\S*)\/\*\{(\w*)\}\*\//  
+  
+  attr_accessor :base_theme
+  
+  # Initialize with the base theme
+  def initialize(version, base_theme_directory)
+    if version == 14
+      @prefix = 'jquery.ui'
+      @version = 14
+    else
+      @prefix = 'ui'
+      @version = 13
+    end
+    @theme_filename = "#{@prefix}.theme.css"
+    @base_theme_directory = base_theme_directory
+    @base_theme = File.read(File.join(@base_theme_directory, @theme_filename))
+    if @base_theme[3775..3794] == "#363636/*{fcError}*/"
+      print "Fixing up bug in 1.7.1 template\n"
+      @base_theme[3775..3794] == "#cd0a0a/*{fcError}*/"
+    end
+    if @base_theme[416,16] == ".ui-widget input"
+      print "Fixing up bug in 1.7.2 template\n"
+      @base_theme[416,0] = ".ui-widget .ui-widget { font-size: 1em; }\n"
+    end
+    # Fix AutoComplete
+    if @version == 14
+      @base_theme += AUTOCOMPLETE_FIX
+    end
+  end
+  
+  # This sets up the Regexp that will extract the variables from a theme
+  def regexp
+    return @regexp if @regexp
+    placeholder = '___PLACEHOLDER___'
+    @regexp = @base_theme.dup
+    # Install placeholders for the variable data
+    @regexp.gsub!(VARIABLE_MATCHER) {placeholder}
+    # Strip the header comments
+    @regexp.gsub! /.*^\*\/\s*/m, ''
+    # Collapse all whitespace
+    @regexp.gsub! /\s+/, ' '
+    # Escape the literal strings
+    @regexp = Regexp.escape(@regexp)
+    # Whitespace means nothing
+    @regexp.gsub! /\\\ /, '\s+'
+    # Fast variable finder
+    @regexp.gsub! placeholder, '([^;]*|\S*)'
+    # Get 'er done
+    @regexp = Regexp.new(@regexp)
+  end
+
+  # You can zip this with the regexp captures to create a variable hash
+  def regexp_variables
+    return @regexp_variables if @regexp_variables
+    @regexp_variables = Array.new
+    @base_theme.scan(VARIABLE_MATCHER) {@regexp_variables << $2}
+    @regexp_variables
+  end
+  
+  # Convert all the ui.*.css files into sass goodness
+  def convert_css(stylesheets)
+    FileUtils.mkdir_p(File.join(stylesheets))
+    Dir.foreach @base_theme_directory do |file|    
+      next unless /^#{@prefix}\..*\.css$/ =~ file
+      next if ["{#{@prefix}.all.css", "#{@prefix}.base.css"].include? file
+      css = File.read(File.join(@base_theme_directory, file))
+      if "{#{@prefix}.autocomplete.css".include? file
+        # Removing autocomplete image to add it later by script
+        if css[112..135] == ".ui-autocomplete-loading"
+          css[220,0] = "*/"
+          css[112,0] = "/*"
+        end
+      end
+      open File.join(stylesheets, '_' + file.gsub(/\.css$/,'.scss').gsub(/^#{@prefix}\./,'')), 'w' do |f|
+        if file == @theme_filename
+          f.print(self.class.theme_css2sass(@base_theme))
+        else
+          f.print(self.class.css2sass(css))
+        end
+        f.close
+      end
+    end
+  end
+  
+  # Create a sass file of variables names and copy the images
+  def convert_theme(name, dir, stylesheets)
+    if name == 'base'
+      theme = @base_theme
+    else
+      theme = File.read(File.join(dir, @theme_filename))
+      if @version == 14
+        theme += AUTOCOMPLETE_FIX
+      end
+    end
+    FileUtils.mkdir_p stylesheets
+    # Figure out the variables with the regexp
+    vars = Hash.new
+    regexp.match(theme).captures.each_with_index do |capture, index|
+      # Remove variable comments
+      capture.gsub! /\/\*\{\w*\}\*\/$/, ''
+      # Update url
+      capture.gsub! /^url\(images(.*)\)/, "image_url(\"jquery.ui/#{name}\\1\")"
+      # Quote most things
+      capture = "\"#{capture}\"" if capture =~ /[^#%0-9a-fptxm\-]/ and !(capture =~ /^image_url/)
+      vars[VARIABLE_NAME_BASE + regexp_variables[index]] ||= capture
+    end
+    # Write out the theme sass
+    open File.join(stylesheets, "#{name}.scss"), 'w' do |f|
+      f.print JRAILS_MESSAGE2 
+      # Preserve header comment (css2sass currently doesn't convert comments)
+      theme =~ /\/\*\s*(.*)^\*\//m
+      $1.each {|line| f.print line.gsub(/^(\s*\*\s*)/,'// ')}
+      f.print "\n"
+      vars.each do |variable_name, value|
+        f.print "$#{variable_name}: #{value} !default;\n"
+      end
+      f.print "\n@import \"jquery.ui/_theme\"\n"
+    end
+  end
+  
+  # Converter for ui.theme.css which has the variable names
+  def self.theme_css2sass(theme_css)
+    # Install variable names and convert to sass
+    sass = css2sass(theme_css.gsub(VARIABLE_MATCHER){"$#{VARIABLE_NAME_BASE}#{$2}"})
+    # Convert select lines from literal to programatic syntax
+    sass.gsub!(/.*/){|x| /\!/=~x ? x.gsub(/:/,'=').gsub(/ solid /, ' "solid" ') : x}
+    sass
+  end
+  
+  # Sass is simply awesome
+  def self.css2sass(css)
+    sass = '' 
+    IO.popen("sass-convert -F scss -T scss", 'r+') { |f| f.print(css); f.close_write; sass = f.read }
+    return sass
+  end  
+end
+