compass-jquery-plugin 0.3.0.beta.22 → 0.3.0.beta.24

data/gem_tasks/mobile.rake

@@ -0,0 +1,113 @@
+require 'fileutils'
+require 'lib/handle_js_files'
+require 'lib/jquery.mobile'
+
+MOBILE_SRC = File.join(GEM_ROOT, 'src', 'mobile')
+MOBILE_SRC_IMAGES = File.join(MOBILE_SRC, 'images')
+MOBILE_SRC_THEMES = File.join(MOBILE_SRC, 'themes')
+
+MOBILE_DEST_TEMPLATES = File.join(GEM_ROOT, 'templates', 'mobile')
+MOBILE_DEST_THEMES = File.join(MOBILE_DEST_TEMPLATES, 'jquery', 'mobile')
+MOBILE_DEST_IMAGES = File.join(MOBILE_DEST_THEMES)
+
+all_scripts = [
+  'js/jquery.ui.widget.js',
+  'js/jquery.mobile.widget.js',
+  'js/jquery.mobile.support.js',
+  'js/jquery.mobile.event.js',
+  'js/jquery.mobile.hashchange.js',
+  'js/jquery.mobile.page.js',
+  'js/jquery.mobile.fixHeaderFooter.js',
+  'js/jquery.mobile.forms.checkboxradio.js',
+  'js/jquery.mobile.forms.textinput.js',
+  'js/jquery.mobile.forms.select.js',
+  'js/jquery.mobile.buttonMarkup.js',
+  'js/jquery.mobile.forms.button.js',
+  'js/jquery.mobile.forms.slider.js',
+  'js/jquery.mobile.collapsible.js',
+  'js/jquery.mobile.controlGroup.js',
+  'js/jquery.mobile.fieldContain.js',
+  'js/jquery.mobile.listview.js',
+  'js/jquery.mobile.listview.filter.js',
+  'js/jquery.mobile.dialog.js',
+  'js/jquery.mobile.navbar.js',
+  'js/jquery.mobile.grid.js',
+  'js/jquery.mobile.js'#,
+  #'js/jquery.mobile.themeswitcher.js'
+].collect {|filename| File.read(File.join(MOBILE_SRC, filename))}.join "\n\n"
+
+namespace :build do
+  desc 'Build the stylesheets and templates for jquery.mobile.'
+  task :mobile do
+
+    FileUtils.remove_dir MOBILE_DEST_TEMPLATES if File.exists? MOBILE_DEST_TEMPLATES
+    FileUtils.mkdir_p(File.join(MOBILE_DEST_TEMPLATES, 'config', 'initializers'))
+
+    open File.join(MOBILE_DEST_TEMPLATES, 'manifest.rb'), 'w' do |manifest|
+      manifest.print MOBILE_MESSAGE1
+
+      open File.join(MOBILE_DEST_TEMPLATES, 'config', 'initializers', 'mobile.rb'), 'w' do |f|
+        f.print(File.read(File.join(MOBILE_SRC, 'config', 'initializers', 'mobile.rb')))
+      end
+      manifest.print "file 'config/initializers/mobile.rb'\n"
+
+      #JavaScripts
+
+      open File.join(MOBILE_DEST_TEMPLATES, 'jquery.mobile.js'), 'w' do |f|
+        f.print concat_files(all_scripts)
+      end
+      manifest.print "javascript 'jquery.mobile.js'\n"
+
+      open File.join(MOBILE_DEST_TEMPLATES, 'jquery.mobile.min.js'), 'w' do |f|
+        f.print compress_js(all_scripts, "yui")
+      end
+      manifest.print "javascript 'jquery.mobile.min.js'\n"
+
+      # jQuery Mobile Themes      
+      mobile = JqueryMobileTheme.new(File.join(MOBILE_SRC_THEMES, 'default')) 
+
+      base_stylesheets = [
+        'jquery.mobile.core.css',
+        'jquery.mobile.button.css',
+        'jquery.mobile.collapsible.css',
+        'jquery.mobile.controlgroup.css',
+        'jquery.mobile.dialog.css',
+        'jquery.mobile.forms.checkboxradio.css',
+        'jquery.mobile.forms.fieldcontain.css',
+        'jquery.mobile.forms.select.css',
+        'jquery.mobile.forms.slider.css',
+        'jquery.mobile.forms.textinput.css',
+        'jquery.mobile.grids.css',
+        'jquery.mobile.headerfooter.css',
+        'jquery.mobile.listview.css',
+        'jquery.mobile.navbar.css',
+        'jquery.mobile.transitions.css'
+        ].collect {|filename| File.read(File.join(MOBILE_SRC_THEMES, 'default', filename))}.join "\n\n"
+
+      FileUtils.mkdir_p(MOBILE_DEST_THEMES)
+      open File.join(MOBILE_DEST_THEMES, '_base.scss'), 'w' do |f|
+        sass = MOBILE_MESSAGE2
+        IO.popen("sass-convert -F css -T scss", 'r+') { |ff| ff.print(base_stylesheets); ff.close_write; sass += ff.read }
+        f.print sass
+      end
+      manifest.print "stylesheet 'jquery/mobile/_base.scss'\n"
+
+      Dir.foreach MOBILE_SRC_THEMES do |theme|
+        next if /^\./ =~ theme
+        mobile.convert_theme(theme, File.join(MOBILE_SRC_THEMES, theme), File.join(MOBILE_DEST_THEMES))
+        manifest.print "stylesheet 'jquery/mobile/#{theme}.scss'\n"
+        
+        # Copy the theme images directory
+        src_dir = File.join(MOBILE_SRC_THEMES, theme, 'images')
+        dest_dir = File.join(MOBILE_DEST_IMAGES, theme)
+        FileUtils.mkdir_p dest_dir
+
+        Dir.foreach(src_dir) do |image|
+          next if /^\./ =~ image
+          FileUtils.cp(File.join(src_dir, image), dest_dir)
+          manifest.print "image 'jquery/mobile/#{theme}/#{image}'\n"
+        end
+      end
+    end
+  end
+end

data/gem_tasks/ribbon.rake

@@ -1,78 +1,78 @@
-require 'fileutils'
-require 'lib/handle_js_files'
-
-# Compass generator for RIBBON_14
-RIBBON_SRC = File.join(GEM_ROOT, 'src', 'ribbon')
-RIBBON_SRC_IMAGES = File.join(RIBBON_SRC, 'images')
-RIBBON_SRC_THEMES = File.join(RIBBON_SRC, 'themes')
-
-RIBBON_DEST_TEMPLATES = File.join(GEM_ROOT, 'templates', 'ribbon')
-RIBBON_DEST_THEMES = File.join(RIBBON_DEST_TEMPLATES, 'jquery.ui')
-RIBBON_DEST_IMAGES = File.join(RIBBON_DEST_TEMPLATES, 'jquery.ui')
-
-RIBBON_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/ribbon.rake\n# Install with: compass install jquery/ribbon\n\n"
-RIBBON_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/ribbon.rake\n\n"
-
-all_scripts = [
-  'js/jquery.ribbon.js'
-].collect {|filename| File.read(File.join(RIBBON_SRC, filename))}.join "\n\n"
-
-namespace :build do
-  desc 'Build the stylesheets and templates for ribbon.'
-  task :ribbon do    
-    
-    FileUtils.remove_dir RIBBON_DEST_TEMPLATES if File.exists? RIBBON_DEST_TEMPLATES 
-    FileUtils.mkdir_p(File.join(RIBBON_DEST_TEMPLATES, 'config', 'initializers'))
-    
-    open File.join(RIBBON_DEST_TEMPLATES, 'manifest.rb'), 'w' do |manifest|
-      manifest.print RIBBON_MESSAGE1
-      
-      open File.join(RIBBON_DEST_TEMPLATES, 'config', 'initializers', 'ribbon.rb'), 'w' do |f|
-        f.print(File.read(File.join(RIBBON_SRC, 'config', 'initializers', 'ribbon.rb')))
-      end
-      manifest.print "file 'config/initializers/ribbon.rb'\n"  
-    
-      open File.join(RIBBON_DEST_TEMPLATES, 'jquery.ribbon.js'), 'w' do |f|
-        f.print concat_files(all_scripts)
-      end
-      manifest.print "javascript 'jquery.ribbon.js'\n"
-    
-      open File.join(RIBBON_DEST_TEMPLATES, 'jquery.ribbon.min.js'), 'w' do |f|
-        f.print compress_js(all_scripts, "google")
-      end
-      manifest.print "javascript 'jquery.ribbon.min.js'\n"
-      
-      # jQuery Ribbon Themes
-
-      FileUtils.mkdir_p(RIBBON_DEST_THEMES)
-      
-      Dir.foreach RIBBON_SRC_THEMES do |theme|
-        next if /^\./ =~ theme
-  
-        # Convert the stylesheet
-      
-        Dir.foreach File.join(RIBBON_SRC_THEMES, "#{theme}") do |file|
-          next unless /\.css$/ =~ file
-          css = File.read File.join(RIBBON_SRC_THEMES, "#{theme}", file)
-          sass = ''
-          IO.popen("sass-convert -F css -T scss", 'r+') { |f| f.print(css); f.close_write; sass = f.read }
-          open File.join(RIBBON_DEST_THEMES, "ribbon.#{theme}.scss"), 'w' do |f|
-            f.write RIBBON_MESSAGE2 + sass
-          end
-          manifest.print "stylesheet 'jquery.ui/ribbon.#{theme}.scss', :media => 'screen, projection'\n"
-        end
-  
-        # Copy the theme images directory
-        src_dir = File.join(RIBBON_SRC_THEMES, theme, 'images')
-        dest_dir = File.join(RIBBON_DEST_IMAGES, "ribbon.#{theme}")
-        FileUtils.mkdir_p dest_dir
-        
-        Dir.foreach(src_dir) do |image|
-          next if /^\./ =~ image
-          FileUtils.cp(File.join(src_dir, image), dest_dir)    
-          manifest.print "image 'jquery.ui/ribbon.#{theme}/#{image}'\n"
-        end
-      end
-    end
-  end
+require 'fileutils'
+require 'lib/handle_js_files'
+
+# Compass generator for RIBBON_14
+RIBBON_SRC = File.join(GEM_ROOT, 'src', 'ribbon')
+RIBBON_SRC_IMAGES = File.join(RIBBON_SRC, 'images')
+RIBBON_SRC_THEMES = File.join(RIBBON_SRC, 'themes')
+
+RIBBON_DEST_TEMPLATES = File.join(GEM_ROOT, 'templates', 'ribbon')
+RIBBON_DEST_THEMES = File.join(RIBBON_DEST_TEMPLATES, 'jquery', 'ribbon')
+RIBBON_DEST_IMAGES = File.join(RIBBON_DEST_THEMES)
+
+RIBBON_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/ribbon.rake\n# Install with: compass install jquery/ribbon\n\n"
+RIBBON_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/ribbon.rake\n\n"
+
+all_scripts = [
+  'js/jquery.ribbon.js'
+].collect {|filename| File.read(File.join(RIBBON_SRC, filename))}.join "\n\n"
+
+namespace :build do
+  desc 'Build the stylesheets and templates for ribbon.'
+  task :ribbon do    
+    
+    FileUtils.remove_dir RIBBON_DEST_TEMPLATES if File.exists? RIBBON_DEST_TEMPLATES 
+    FileUtils.mkdir_p(File.join(RIBBON_DEST_TEMPLATES, 'config', 'initializers'))
+    
+    open File.join(RIBBON_DEST_TEMPLATES, 'manifest.rb'), 'w' do |manifest|
+      manifest.print RIBBON_MESSAGE1
+      
+      open File.join(RIBBON_DEST_TEMPLATES, 'config', 'initializers', 'ribbon.rb'), 'w' do |f|
+        f.print(File.read(File.join(RIBBON_SRC, 'config', 'initializers', 'ribbon.rb')))
+      end
+      manifest.print "file 'config/initializers/ribbon.rb'\n"  
+    
+      open File.join(RIBBON_DEST_TEMPLATES, 'jquery.ribbon.js'), 'w' do |f|
+        f.print concat_files(all_scripts)
+      end
+      manifest.print "javascript 'jquery.ribbon.js'\n"
+    
+      open File.join(RIBBON_DEST_TEMPLATES, 'jquery.ribbon.min.js'), 'w' do |f|
+        f.print compress_js(all_scripts, "google")
+      end
+      manifest.print "javascript 'jquery.ribbon.min.js'\n"
+      
+      # jQuery Ribbon Themes
+
+      FileUtils.mkdir_p(RIBBON_DEST_THEMES)
+      
+      Dir.foreach RIBBON_SRC_THEMES do |theme|
+        next if /^\./ =~ theme
+  
+        # Convert the stylesheet
+      
+        Dir.foreach File.join(RIBBON_SRC_THEMES, "#{theme}") do |file|
+          next unless /\.css$/ =~ file
+          css = File.read File.join(RIBBON_SRC_THEMES, "#{theme}", file)
+          sass = ''
+          IO.popen("sass-convert -F css -T scss", 'r+') { |f| f.print(css); f.close_write; sass = f.read }
+          open File.join(RIBBON_DEST_THEMES, "#{theme}.scss"), 'w' do |f|
+            f.write RIBBON_MESSAGE2 + sass
+          end
+          manifest.print "stylesheet 'jquery/ribbon/#{theme}.scss'\n"
+        end
+  
+        # Copy the theme images directory
+        src_dir = File.join(RIBBON_SRC_THEMES, theme, 'images')
+        dest_dir = File.join(RIBBON_DEST_IMAGES, "#{theme}")
+        FileUtils.mkdir_p dest_dir
+        
+        Dir.foreach(src_dir) do |image|
+          next if /^\./ =~ image
+          FileUtils.cp(File.join(src_dir, image), dest_dir)    
+          manifest.print "image 'jquery/ribbon/#{theme}/#{image}'\n"
+        end
+      end
+    end
+  end
 end

data/gem_tasks/rubygems.rake

@@ -1,6 +1,6 @@
-desc 'Build all stylesheets and templates.'
-
-namespace :build do
-  task :all => ["build:jrails", "build:dynatree", "build:jstree", "build:jqgrid", "build:secret_sauce", "build:ribbon", "build:jqtouch", "build:jqical"] do
-  end
-end
+desc 'Build all stylesheets and templates.'
+
+namespace :build do
+  task :all => ["build:jrails", "build:jqtools", "build:dynatree", "build:jstree", "build:jqgrid", "build:secret_sauce", "build:ribbon", "build:jqical", "build:jqtouch", "build:mobile", "build:emulators"] do
+  end
+end

data/gem_tasks/secret_sauce.rake

@@ -1,64 +1,64 @@
-require 'fileutils'
-require 'lib/handle_js_files'
-
-# Compass generator for jqGrid 3.5+
-SECRET_SAUCE_SRC         = File.join(GEM_ROOT, 'src', 'secret_sauce')
-SECRET_SAUCE_SRC_SCRIPTS = SECRET_SAUCE_SRC + "/*.js"
-
-SECRET_SAUCE_DEST_TEMPLATES   = File.join(GEM_ROOT, 'templates', 'secret_sauce')
-SECRET_SAUCE_DEST_STYLESHEETS = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'jquery.ui')
-SECRET_SAUCE_DEST_CONFIG      = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'config', 'initializers') 
-SECRET_SAUCE_DEST_VIEWS       = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'app', 'views', 'ui')
-
-SECRET_SAUCE_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/secret_sauce.rake\n# Install with: compass install jquery/secret_sauce\n\n"
-SECRET_SAUCE_MESSAGE2 = "// Generated by compass-jquery-pluginy/gem-tasks/secret_sauce.rake\n\n"
-
-namespace :build do
-  desc 'Build the stylesheets and templates for jqGrid.'
-  task :secret_sauce do
-    
-    FileUtils.remove_dir(SECRET_SAUCE_DEST_TEMPLATES) if File.exists? SECRET_SAUCE_DEST_TEMPLATES 
-    FileUtils.mkdir_p(SECRET_SAUCE_DEST_CONFIG)
-    FileUtils.mkdir_p(SECRET_SAUCE_DEST_VIEWS)
-    
-    open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'manifest.rb'), 'w' do |manifest|
-      manifest.print SECRET_SAUCE_MESSAGE1
-    
-      Dir.foreach File.join(SECRET_SAUCE_SRC, 'app', 'views', 'ui') do |file|
-        next unless /\.haml$/ =~ file
-        html = File.read File.join(SECRET_SAUCE_SRC, 'app', 'views', 'ui', file)
-        open File.join(SECRET_SAUCE_DEST_VIEWS, file), 'w' do |f|
-          f.print(html)
-        end
-        manifest.print "file 'app/views/ui/#{file}'\n"
-      end      
-    
-      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'config', 'initializers', 'secret_sauce.rb'), 'w' do |f|
-        f.print(File.read(File.join(SECRET_SAUCE_SRC, 'config', 'initializers', 'secret_sauce.rb')))
-      end
-      manifest.print "file 'config/initializers/secret_sauce.rb'\n"  
-    
-      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'secret_sauce.js'), 'w' do |f|
-        f.print concat_files(all_files(SECRET_SAUCE_SRC_SCRIPTS))
-      end
-      manifest.print "javascript 'secret_sauce.js'\n"
-    
-      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'secret_sauce.min.js'), 'w' do |f|
-        f.print compress_js(all_files(SECRET_SAUCE_SRC_SCRIPTS), "google")
-      end
-      manifest.print "javascript 'secret_sauce.min.js'\n"
-    
-      FileUtils.mkdir_p(SECRET_SAUCE_DEST_STYLESHEETS)
-      Dir.foreach File.join(SECRET_SAUCE_SRC, 'css') do |file|
-        next unless /\.css$/ =~ file
-        css = File.read File.join(SECRET_SAUCE_SRC, 'css', file)
-        sass = ''
-        IO.popen("sass-convert -F css -T scss", 'r+') { |f| f.print(css); f.close_write; sass = f.read }
-        open(File.join(SECRET_SAUCE_DEST_STYLESHEETS, file.gsub(/\.css$/,'.scss')), 'w') do |f|
-          f.write SECRET_SAUCE_MESSAGE2 + sass
-        end
-        manifest.print "stylesheet 'jquery.ui/#{file.gsub(/\.css$/,'.scss')}'\n"
-      end      
-    end
-  end
+require 'fileutils'
+require 'lib/handle_js_files'
+
+# Compass generator for jqGrid 3.5+
+SECRET_SAUCE_SRC         = File.join(GEM_ROOT, 'src', 'secret_sauce')
+SECRET_SAUCE_SRC_SCRIPTS = SECRET_SAUCE_SRC + "/*.js"
+
+SECRET_SAUCE_DEST_TEMPLATES   = File.join(GEM_ROOT, 'templates', 'secret_sauce')
+SECRET_SAUCE_DEST_STYLESHEETS = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'jquery')
+SECRET_SAUCE_DEST_CONFIG      = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'config', 'initializers') 
+SECRET_SAUCE_DEST_VIEWS       = File.join(SECRET_SAUCE_DEST_TEMPLATES, 'app', 'views', 'shared')
+
+SECRET_SAUCE_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/secret_sauce.rake\n# Install with: compass install jquery/secret_sauce\n\n"
+SECRET_SAUCE_MESSAGE2 = "// Generated by compass-jquery-pluginy/gem-tasks/secret_sauce.rake\n\n"
+
+namespace :build do
+  desc 'Build the stylesheets and templates for jqGrid.'
+  task :secret_sauce do
+    
+    FileUtils.remove_dir(SECRET_SAUCE_DEST_TEMPLATES) if File.exists? SECRET_SAUCE_DEST_TEMPLATES 
+    FileUtils.mkdir_p(SECRET_SAUCE_DEST_CONFIG)
+    FileUtils.mkdir_p(SECRET_SAUCE_DEST_VIEWS)
+    
+    open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'manifest.rb'), 'w' do |manifest|
+      manifest.print SECRET_SAUCE_MESSAGE1
+    
+      Dir.foreach File.join(SECRET_SAUCE_SRC, 'app', 'views', 'shared') do |file|
+        next unless /\.haml$/ =~ file
+        html = File.read File.join(SECRET_SAUCE_SRC, 'app', 'views', 'shared', file)
+        open File.join(SECRET_SAUCE_DEST_VIEWS, file), 'w' do |f|
+          f.print(html)
+        end
+        manifest.print "file 'app/views/shared/#{file}'\n"
+      end      
+    
+      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'config', 'initializers', 'secret_sauce.rb'), 'w' do |f|
+        f.print(File.read(File.join(SECRET_SAUCE_SRC, 'config', 'initializers', 'secret_sauce.rb')))
+      end
+      manifest.print "file 'config/initializers/secret_sauce.rb'\n"  
+    
+      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'secret_sauce.js'), 'w' do |f|
+        f.print concat_files(all_files(SECRET_SAUCE_SRC_SCRIPTS))
+      end
+      manifest.print "javascript 'secret_sauce.js'\n"
+    
+      open File.join(SECRET_SAUCE_DEST_TEMPLATES, 'secret_sauce.min.js'), 'w' do |f|
+        f.print compress_js(all_files(SECRET_SAUCE_SRC_SCRIPTS), "google")
+      end
+      manifest.print "javascript 'secret_sauce.min.js'\n"
+    
+      FileUtils.mkdir_p(SECRET_SAUCE_DEST_STYLESHEETS)
+      Dir.foreach File.join(SECRET_SAUCE_SRC, 'css') do |file|
+        next unless /\.css$/ =~ file
+        css = File.read File.join(SECRET_SAUCE_SRC, 'css', file)
+        sass = ''
+        IO.popen("sass-convert -F css -T scss", 'r+') { |f| f.print(css); f.close_write; sass = f.read }
+        open(File.join(SECRET_SAUCE_DEST_STYLESHEETS, file.gsub(/\.css$/,'.scss')), 'w') do |f|
+          f.write SECRET_SAUCE_MESSAGE2 + sass
+        end
+        manifest.print "stylesheet 'jquery/#{file.gsub(/\.css$/,'.scss')}'\n"
+      end      
+    end
+  end
 end

data/lib/jquery.mobile.rb

@@ -0,0 +1,33 @@
+MOBILE_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/mobile.rake\n# Install with: compass install jquery/mobile\n\n"
+MOBILE_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/mobile.rake\n"
+
+class JqueryMobileTheme
+
+  VARIABLE_NAME_BASE = 'mobile_'
+  VARIABLE_MATCHER = /(\S*)\/\*\{(\w*)\}\*\//
+
+  attr_accessor :base_theme
+
+  # Initialize with the base theme
+  def initialize(base_theme_directory)
+    @prefix = 'jquery.mobile'
+    @theme_filename = "#{@prefix}.theme.css"
+  end
+
+  # Create a sass file of variables names and copy the images
+  def convert_theme(name, dir, stylesheets)
+    theme = File.read(File.join(dir, @theme_filename))
+    
+    # Fix stuff
+    theme.gsub!(/\;filter:Alpha/, "; filter: Alpha")
+    theme.gsub! /url\(images(.+?)\)/, "image_url(\"jquery/mobile/#{name}\\1\")"
+    
+    # Convert the stylesheet
+    open File.join(MOBILE_DEST_THEMES, "#{name}.scss"), 'w' do |f|
+      sass = MOBILE_MESSAGE2
+      IO.popen("sass-convert -F css -T scss", 'r+') { |ff| ff.print(theme); ff.close_write; sass += ff.read }
+      f.print sass
+      f.print "\n@import \"jquery/mobile/_base\"\n"
+    end
+  end
+end

data/lib/jquery.ui.rb

@@ -1,140 +1,140 @@
-JRAILS_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\n# Install with: compass install jquery/jrails . --force\n\n"
-JRAILS_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\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}*/; }"
-WIDGET_BORDER = "\n\n/* Add .ui-widget-border*/\n\n.ui-widget-border { border: 1px solid #aaaaaa/*{borderColorContent}*/; }"
-
-class JqueryUiTheme
-
-  VARIABLE_NAME_BASE = 'ui_'
-  VARIABLE_MATCHER = /(\S*)\/\*\{(\w*)\}\*\//
-
-  attr_accessor :base_theme
-
-  # Initialize with the base theme
-  def initialize(base_theme_directory)
-    @prefix = 'jquery.ui'
-    @theme_filename = "#{@prefix}.theme.css"
-    @base_theme_directory = base_theme_directory
-    @base_theme = File.read(File.join(@base_theme_directory, @theme_filename))
-    
-    # Fix opacity issue
-    print "Fixing overlays\n"  
-    @base_theme.sub!(/\/\*\{bgOverlayRepeat\}\*\/\; opacity: (\.\d+)\;filter:/, "/*{bgOverlayRepeat}*/; opacity: \\1/*{bgOverlayOpacity}*/; filter: ")
-    @base_theme.sub!(/\{opacityOverlay\}/, '{bgOverlayFilter}')
-    @base_theme.sub!(/\/\*\{bgShadowRepeat\}\*\/\; opacity: (\.\d+)\;filter:/, "/*{bgShadowRepeat}*/; opacity: \\1/*{bgShadowOpacity}*/; filter: ")
-    @base_theme.sub!(/\{opacityShadow\}/, '{bgShadowFilter}')
-
-    # addf .ui-widget-border
-    @base_theme += WIDGET_BORDER
-
-    # Fix AutoComplete
-    @base_theme += AUTOCOMPLETE_FIX
-  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))
-      
-      # Fix Overlay stuff
-      theme.gsub!(/\;filter:Alpha/, "; filter: Alpha")
-      theme += WIDGET_BORDER
-      theme += AUTOCOMPLETE_FIX
-    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/) and !(capture =~ /^[A-Za-z]+/)
-      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
-      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
+JRAILS_MESSAGE1 = "# Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\n# Install with: compass install jquery/jrails . --force\n\n"
+JRAILS_MESSAGE2 = "// Generated by compass-jquery-plugin/gem-tasks/jrailsxx.rake\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}*/; }"
+WIDGET_BORDER = "\n\n/* Add .ui-widget-border*/\n\n.ui-widget-border { border: 1px solid #aaaaaa/*{borderColorContent}*/; }"
+
+class JqueryUiTheme
+
+  VARIABLE_NAME_BASE = 'ui_'
+  VARIABLE_MATCHER = /(\S*)\/\*\{(\w*)\}\*\//
+
+  attr_accessor :base_theme
+
+  # Initialize with the base theme
+  def initialize(base_theme_directory)
+    @prefix = 'jquery.ui'
+    @theme_filename = "#{@prefix}.theme.css"
+    @base_theme_directory = base_theme_directory
+    @base_theme = File.read(File.join(@base_theme_directory, @theme_filename))
+    
+    # Fix opacity issue
+    print "Fixing overlays\n"  
+    @base_theme.sub!(/\/\*\{bgOverlayRepeat\}\*\/\; opacity: (\.\d+)\;filter:/, "/*{bgOverlayRepeat}*/; opacity: \\1/*{bgOverlayOpacity}*/; filter: ")
+    @base_theme.sub!(/\{opacityOverlay\}/, '{bgOverlayFilter}')
+    @base_theme.sub!(/\/\*\{bgShadowRepeat\}\*\/\; opacity: (\.\d+)\;filter:/, "/*{bgShadowRepeat}*/; opacity: \\1/*{bgShadowOpacity}*/; filter: ")
+    @base_theme.sub!(/\{opacityShadow\}/, '{bgShadowFilter}')
+
+    # addf .ui-widget-border
+    @base_theme += WIDGET_BORDER
+
+    # Fix AutoComplete
+    @base_theme += AUTOCOMPLETE_FIX
+  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))
+      
+      # Fix Overlay stuff
+      theme.gsub!(/\;filter:Alpha/, "; filter: Alpha")
+      theme += WIDGET_BORDER
+      theme += AUTOCOMPLETE_FIX
+    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/) and !(capture =~ /^[A-Za-z]+/)
+      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
+      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