extjs-theme 0.1.3 → 0.2.0

data/README.rdoc

@@ -22,9 +22,9 @@ to you Gemfile and execute
 
 In the root of your Rails app, first execute the following in your console:
 
-	$ bundle exec xtheme init
+	$ bundle exec xtheme init <path/to/ext> <path/to/stylesheets/sass-dir>
 
-This creates a YAML config file named config/xtheme.yml in the application root.
+This creates a YAML config file named config/xtheme.yml in the application root.  </path/to/ext> defaults to <code>public/javascripts/ext-3.2</code> and </path/to/stylesheets/sass-dir> defaults to <code>public/stylesheets/themes</code>.
 
 	---
 	theme_dir: app/stylesheets/themes
@@ -44,43 +44,43 @@ To generate a new Sass theme:
 
 	$ bundle exec xtheme create my-theme
 
-In Rails, this will have created a new directory <code>public/stylesheets/sass/my-theme</code>
+In Rails, this will have created a new directory <code>public/stylesheets/themes/my-theme</code>
 
 The generator creates a main include file called <code>my-theme/all.sass</code> which contains <code>@include</code> directives for each individual Ext stylesheet.  You *no longer need* to include the ext-all.css file from the Ext library -- <code>my-theme/all.sass</code> contains all it needs.  In a Rails view, you would include this file in the standard Haml/Sass[http://sass-lang.com/] manner.
 
-	=stylesheet_link_tag "my-theme/init"
+	=stylesheet_link_tag "my-theme/all"
 
 or in an <code>erb</code> template:
 
-	<%= stylesheet_link_tag "my-theme/init"
+	<%= stylesheet_link_tag "my-theme/all"
 
 The generator also creates a copy of all the Ext theme images in <code>my-theme/images</code>
 
 Another important sass file created is <code>my-theme/defines.sass</code>.  This file contains Sass variable declarations added to each Ext sass file.
 
-	!img_path = ../themes/my-theme/images
-	!font = tahoma,arial,verdana,sans-serif
-	!hue = -90.0
+	$img_path: '../themes/my-theme/images'
+	$font: tahoma,arial,verdana,sans-serif
+	$hue: -90.0
 
-Form more on Haml and Sass, consult the HAML documentation[http://haml-lang.com/] to learn about including Sass[http://sass-lang.com/] stylesheets.
+For more on Haml and Sass, consult the HAML documentation[http://haml-lang.com/] to learn about including Sass[http://sass-lang.com/] stylesheets.
 
 == Effects
 
 The Gem includes commands for theme colorization, including image-processing through RMagick.
 
-Currently, the only effect available is <code>effects:modulate</code>, for modifying the _hue_, _saturation_ and _lightness_ of a theme according to RMagick[http://www.imagemagick.org/RMagick/doc/image2.html#modulate]:
+Currently, the only effect available is <code>modulate</code>, for modifying the _hue_, _saturation_ and _lightness_ of a theme according to RMagick[http://www.imagemagick.org/RMagick/doc/image2.html#modulate]:
 
-	$ bundle exec xtheme effects:modulate <theme-name> <hue> <saturation> <lightness>
+	$ bundle exec xtheme modulate <theme-name> <hue> <saturation> <lightness>
 
-The parameters _hue_, _saturation_ and _lightness_ are defined as {"Float numbers, for example, 0.25 means "25%". All three arguments may be omitted. The default value of each argument is 1.0, that is, 100%"}[http://www.imagemagick.org/RMagick/doc/image2.html#modulate]
+The parameters _hue_, _saturation_ and _lightness_ are defined as {"Float numbers, for example, 0.25 means "25%". The median value of each argument is 1.0, that is, 100%"}[http://www.imagemagick.org/RMagick/doc/image2.html#modulate]
 
 Based upon the default blue Ext theme, the following will generate a pink theme:
 
-	$ bundle exec xtheme effects:modulate my-theme 0.5 1.0 1.0
+	$ bundle exec xtheme modulate my-theme 0.5 1.0 1.0
 
 A green theme:
 
-	$ bundle exec xtheme effects:modulate my-theme 1.5 1.0 1.0
+	$ bundle exec xtheme modulate my-theme 1.5 1.0 1.0
 
 *Only hue works currently, saturation and lightness are under development*
 

data/bin/xtheme

@@ -5,10 +5,20 @@ require 'rubygems'
 $LOAD_PATH.unshift(File.dirname(__FILE__) + '/../lib')
 
 require 'extjs-theme'
-require 'extjs-theme/command'
+require 'extjs-theme/cli'
 
-args = ARGV.dup
-ARGV.clear
-command = args.shift.strip rescue 'help'
+begin
+  ExtJS::Theme::CLI.start(ARGV, {})
+rescue ExtJS::Theme::Error => e
+  puts e.message
+  exit e.status_code
+end
 
-ExtJS::Theme::Command.run(command, args)
+# GET RID OF THIS ONCE Thor is in place
+#require 'extjs-theme/command'
+
+#args = ARGV.dup
+#ARGV.clear
+#command = args.shift.strip rescue 'help'
+
+#ExtJS::Theme::Command.run(command, args)

data/lib/extjs-theme.rb

@@ -2,12 +2,106 @@
 # XTheme
 # A module for generating and colorizing ExtJS themes.
 #
+require 'fileutils'
+require 'yaml'
+require 'thor'
+require 'thor/group'
+require 'sass'
+require 'sass/css'
+require 'RMagick'
+
 module ExtJS
   module Theme
-  end
-end
-$LOAD_PATH.unshift(File.dirname(__FILE__) + '/extjs-theme')
+    ROOT = File.dirname(__FILE__)
+    
+    DEFAULT_EXT_DIR = "public/javascripts/ext-3.2"
+    DEFAULT_THEME_DIR = "public/stylesheets/themes"
+    
+    ##
+    # Define Error classes
+    #
+    class Error < StandardError
+      def self.status_code(code = nil)
+        return @code unless code
+        @code = code
+      end
 
-['dependencies', 'generator', 'effects'].each do |file|
-  require file
+      def status_code
+        self.class.status_code
+      end
+    end
+    
+    class ArgumentError < Error; status_code(1); end
+    class ConfigurationNotFound < Error; status_code(2); end
+    class ConfigurationError < Error; status_code(3); end
+    
+    ##
+    # Class Methods
+    #
+    class << self
+      
+      ##
+      # Xtheme config accessor
+      #
+      def [](key)
+        (@config ||= configure)[key]
+      end
+      
+      ##
+      # Convert css file to sass
+      # @param {String} file The css filename to convert to sass
+      # @return {String}
+      #
+      def css2sass(file)
+        sass = Sass::CSS.new(File.read(file)).render
+        sass.gsub!(/background-image: url\(\.\.\/images\/default(.*)\)/, 'background-image: url (#{$img_path+"\1"})')        
+        sass.gsub!(/(.*):\s?#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/, '\1: adjust_hue(#\2, $hue)')
+        "@import '../defines.sass'\n#{sass}"
+      end
+      
+      ##
+      # Iterate all theme images and yield Magick::ImageList 
+      #
+      def each_image
+        path = File.join(self['ext_dir'], "resources", "images", "default")
+        
+        Dir["#{path}/*"].each do |dir|
+          Dir[dir+'/*.gif'].each do |filename|
+            yield(Magick::ImageList.new(filename))
+          end
+          Dir[dir+'/*.png'].each do |filename|
+            yield(Magick::ImageList.new(filename))
+          end
+        end
+        # Now transform any images left in the base /images/default directory (excluding s.gif)
+        Dir["#{path}/*.*"].reject {|f| f.match('s.gif')}.each do |filename|
+          yield(Magick::ImageList.new(filename))
+        end
+      end
+
+      ##
+      # Write transformed RMagick::Image to theme directory
+      # @param {RMagick::Image} img
+      # @param {String} dest Theme directory
+      #
+      def write_image(img, dest)
+        # Get filename and directory.  
+        # Need to know if we're writing to /images/<package>/filename.gif OR /images/filename.gif
+        m = /\/default\/(.*)\/(.*)\.(.*)$/.match(img.filename) || /\/default\/(.*)\.(.*)$/.match(img.filename)
+        outfile = (m.captures.length == 3) ? File.join(dest, "images", m[1], "#{m[2]}.#{m[3]}") : File.join(dest, "images", "#{m[1]}.#{m[2]}")
+        img.write(outfile)
+      end
+      
+      private
+      
+      def configure
+        unless File.exists?("config/xtheme.yml")
+          raise ConfigurationNotFound.new('This command must be run from inside a valid application')
+        end
+        cfg = YAML.load_file("config/xtheme.yml")
+        cfg["ext_dir"] = File.expand_path(cfg["ext_dir"])
+        cfg
+      end
+    end
+  end
 end

data/lib/extjs-theme/cli.rb

@@ -0,0 +1,78 @@
+module ExtJS
+  module Theme
+    class CLI < Thor
+      include Thor::Actions
+      
+      ARGV = ::ARGV.dup
+      
+      ##
+      # Required by thor
+      # Defines the source root-directory when copying files.
+      #
+      def self.source_root
+        ExtJS::Theme["ext_dir"]
+      end
+      
+      desc "init <path/to/ext> <path/to/stylesheets/sass-dir>", "Initialize extjs-theme for the current application.  Creates config/xtheme.yml"
+      def init (ext_dir = ExtJS::Theme::DEFAULT_EXT_DIR, theme_dir = ExtJS::Theme::DEFAULT_THEME_DIR)
+        empty_directory("config") unless File.exists?("config")
+        inside("config") do
+          create_file("xtheme.yml", {
+            "ext_dir" => ext_dir,
+            "theme_dir" => theme_dir
+          }.to_yaml) 
+        end        
+      end
+        
+      desc "create <theme-name>", "Creates a new sass-theme"
+      def create(name)
+        self.class.source_root
+        
+        ext_css_path  = File.join(ExtJS::Theme["ext_dir"], "resources", "css")
+        theme_path    = File.join(ExtJS::Theme["theme_dir"], name)
+        
+        # Create theme directory in /stylesheets/sass
+        FileUtils.mkdir_p ["#{theme_path}/visual", "#{theme_path}/structure"]
+        
+        inside theme_path do
+          # load the defines.sass template file
+          data = File.read(File.join(File.dirname(__FILE__), "template", "defines.sass"))
+          img_path = theme_path.split("/")
+          img_path.shift  # get rid of /public bit
+          
+          # replace img_path sass_var with the location of theme's image-path
+          data.gsub!(/\{\{img_path\}\}/, File.join("/", img_path.join('/'), "images"))
+          
+          # write contents to defines.sass
+          sass_files = [];
+          create_file("defines.sass", data, :force => true)
+          ["structure", "visual"].each do |subdir|
+            inside subdir do 
+              Dir["#{self.class.source_root}/resources/css/#{subdir}/*.css"].each do |file|
+                m = /^.*\/(.*)\.css$/.match(file)
+                sass_file = "#{m.captures[0]}.sass"
+                sass_files << "@import '#{File.join(subdir, sass_file)}'"
+                create_file(sass_file, ExtJS::Theme.css2sass(file), {:force => true})
+              end
+            end
+          end
+          create_file("all.sass", sass_files.join("\n"), {:force => true})
+          empty_directory("images")
+          FileUtils.cp_r("#{self.class.source_root}/resources/images/default/.", "images")
+        end
+      end
+      
+      desc "modulate <theme> <hue> <saturation> <lightness>", "Modulate a theme. Specify h, s, l as floats, eg: 1.5"
+      def modulate(theme, hue, saturation, lightness)
+        ExtJS::Theme.each_image {|img|
+          path = img.filename.split('/')
+          filename = path.pop
+          dir = path.pop
+          say_status("modulate", File.join(dir, filename))
+          ExtJS::Theme.write_image(img.modulate(lightness.to_f, saturation.to_f, hue.to_f), File.join(ExtJS::Theme["theme_dir"], theme))
+        }
+        gsub_file(File.join(ExtJS::Theme["theme_dir"], theme, "defines.sass"), /\$hue:\s?(.*)/, "$hue: #{(hue.to_f-1)*180}")
+      end
+    end
+  end
+end

data/lib/extjs-theme/template/defines.sass

@@ -1,7 +1,7 @@
-!bg_color = #eee
-!bg_color_ghost = #cbddf3
-!border_color = #0f0
-!color = #333
-!img_path = {{img_path}}
-!font = tahoma,arial,verdana,sans-serif
-!hue = 0
+$bg_color: #eee
+$bg_color_ghost: #cbddf3
+$border_color: #0f0
+$color: #333
+$img_path:{{img_path}}
+$font: tahoma,arial,verdana,sans-serif
+$hue: 0

data/test/config/xtheme.yml

@@ -1,3 +1,3 @@
 --- 
-:ext_dir: public/javascripts/ext-3.x
-:theme_dir: public/stylesheets/themes
+ext_dir: public/javascripts/ext-3.x
+theme_dir: public/stylesheets/themes

data/test/extjs-xtheme_test.rb

@@ -34,7 +34,7 @@ class ThemeTest < Test::Unit::TestCase
       FileUtils.rm(an_image)
       
       # run the effect, it should create a newly modulated version of image (it should be green but how to tell?).
-      `xtheme effects:modulate foo 1.5 1.0 1.0`
+      `xtheme modulate foo 1.5 1.0 1.0`
       
       assert File.exists?(an_image), "Failed to modulate images"
     end

data/test/public/stylesheets/themes/foo/all.sass

@@ -1,2 +1,2 @@
-@import structure/structure.sass
-@import visual/visual.sass
+@import 'structure/structure.sass'
+@import 'visual/visual.sass'

data/test/public/stylesheets/themes/foo/defines.sass

@@ -1,7 +1,7 @@
-!bg_color = #eee
-!bg_color_ghost = #cbddf3
-!border_color = #0f0
-!color = #333
-!img_path = ../themes/foo/images
-!font = tahoma,arial,verdana,sans-serif
-!hue = 90.0
+$bg_color: #eee
+$bg_color_ghost: #cbddf3
+$border_color: #0f0
+$color: #333
+$img_path:/stylesheets/themes/foo/images
+$font: tahoma,arial,verdana,sans-serif
+$hue: 90.0

data/test/public/stylesheets/themes/foo/structure/structure.sass

@@ -1,3 +1,3 @@
-@import ../defines.sass
+@import '../defines.sass'
 body
   width: 666px

data/test/public/stylesheets/themes/foo/visual/visual.sass

@@ -1,4 +1,4 @@
-@import ../defines.sass
+@import '../defines.sass'
 body
   background: black
 

metadata

@@ -4,9 +4,9 @@ version: !ruby/object:Gem::Version
   prerelease: false
   segments: 
   - 0
-  - 1
-  - 3
-  version: 0.1.3
+  - 2
+  - 0
+  version: 0.2.0
 platform: ruby
 authors: 
 - Christopher Scott
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-04-20 00:00:00 -04:00
+date: 2010-04-21 00:00:00 -04:00
 default_executable: xtheme
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -69,15 +69,7 @@ files:
 - Rakefile
 - bin/xtheme
 - lib/extjs-theme.rb
-- lib/extjs-theme/command.rb
-- lib/extjs-theme/commands/base.rb
-- lib/extjs-theme/commands/config.rb
-- lib/extjs-theme/commands/effects.rb
-- lib/extjs-theme/commands/help.rb
-- lib/extjs-theme/commands/theme.rb
-- lib/extjs-theme/dependencies.rb
-- lib/extjs-theme/effects.rb
-- lib/extjs-theme/generator.rb
+- lib/extjs-theme/cli.rb
 - lib/extjs-theme/template/defines.sass
 - test/config/xtheme.yml
 - test/extjs-xtheme_test.rb

data/lib/extjs-theme/command.rb

@@ -1,87 +0,0 @@
-require 'yaml'
-require 'commands/base'
-
-Dir["#{File.dirname(__FILE__)}/commands/*"].each { |c| require c }
-
-module ExtJS::Theme
-  module Command
-    class InvalidCommand < RuntimeError;
-    end
-    class CommandFailed  < RuntimeError;
-    end
-    class InvalidConfig < RuntimeError;
-    end
-    class ConfigNotFound < RuntimeError;
-    end
-
-    class << self
-      def run(command, args, retries=0)
-        begin
-          run_internal(command, args.dup)
-        rescue InvalidCommand
-          error "Unknown command. Run 'xtheme help' for usage information."
-        rescue CommandFailed => e
-          error e.message
-        rescue InvalidConfig => e
-          error e.message
-        rescue ConfigNotFound => e
-          error e.message
-        rescue Interrupt => e
-          error "\n[canceled]"
-        end
-      end
-
-      def run_internal(command, args, heroku=nil)
-        config = load_config
-
-        klass, method = parse(command)
-
-        unless method == "init"
-          unless config
-            raise ConfigNotFound.new("Could not locate config file config/xtheme.yml.\nAre you in your application root?  Have you run xtheme init?")
-          end
-          unless config && File.exists?(config[:ext_dir])
-            raise InvalidConfig.new("Could not locate ext_dir #{config[:ext_dir]}.\nAre you in your application root?")
-          end
-          unless config && File.exists?(config[:theme_dir])
-            raise InvalidConfig.new("Could not locate theme_dir #{config[:theme_dir]}.\nAre you in your application root?")
-          end
-        end
-
-        runner = klass.new(args, config)
-        raise InvalidCommand unless runner.respond_to?(method)
-        runner.send(method)
-      end
-
-      def error(msg)
-        STDERR.puts(msg)
-        exit 1
-      end
-
-      def parse(command)
-        parts = command.split(':')
-        case parts.size
-          when 1
-            begin
-              return eval("ExtJS::Theme::Command::#{command.capitalize}"), :index
-            rescue NameError, NoMethodError
-              return ExtJS::Theme::Command::Theme, command
-            end
-          when 2
-            begin
-              return ExtJS::Theme::Command.const_get(parts[0].capitalize), parts[1]
-            rescue NameError
-              raise InvalidCommand
-            end
-          else
-            raise InvalidCommand
-        end
-      end
-
-      def load_config
-        FileUtils.mv('.xthemeconfig', 'config/xtheme.yml') if File.exists?('.xthemeconfig')
-        File.exists?('config/xtheme.yml') ? YAML::load(File.open('config/xtheme.yml')) : nil
-      end
-    end
-  end
-end

data/lib/extjs-theme/commands/base.rb

@@ -1,74 +0,0 @@
-require 'fileutils'
-
-module ExtJS::Theme::Command
-  class Base
-    #include Heroku::Helpers
-
-    attr_accessor :args
-    attr_reader :config
-
-    def initialize(args, config)
-      @args = args
-      @config = config
-    end
-
-    def display(msg, newline=true)
-      if newline
-        puts(msg)
-      else
-        print(msg)
-        STDOUT.flush
-      end
-    end
-
-    def error(msg)
-      ExtJS::Theme::Command.error(msg)
-    end
-
-    def ask
-      gets.strip
-    end
-
-    def shell(cmd)
-      FileUtils.cd(Dir.pwd) {|d| return `#{cmd}`}
-    end
-
-    def heroku
-      #@heroku ||= Heroku::Command.run_internal('auth:client', args)
-    end
-
-    def extract_app(force=true)
-      app = extract_option('--app')
-      unless app
-        app = extract_app_in_dir(Dir.pwd) ||
-                raise(CommandFailed, "No app specified.\nRun this command from app folder or set it adding --app <app name>") if force
-        @autodetected_app = true
-      end
-      app
-    end
-
-    def extract_app_in_dir(dir)
-
-    end
-
-    def extract_option(options, default=true)
-      values = options.is_a?(Array) ? options : [options]
-      return unless opt_index = args.select { |a| values.include? a }.first
-      opt_position = args.index(opt_index) + 1
-      if args.size > opt_position && opt_value = args[opt_position]
-        if opt_value.include?('--')
-          opt_value = nil
-        else
-          args.delete_at(opt_position)
-        end
-      end
-      opt_value ||= default
-      args.delete(opt_index)
-      block_given? ? yield(opt_value) : opt_value
-    end
-
-    def escape(value)
-      heroku.escape(value)
-    end
-  end
-end

data/lib/extjs-theme/commands/config.rb

@@ -1,57 +0,0 @@
-module ExtJS::Theme::Command
-  class Config < Base
-    def index
-      #long = args.delete('--long')
-      #vars = heroku.config_vars(app)
-      #display_vars(vars, :long => long)
-      display "index"
-    end
-
-    def add
-      unless args.size > 0 and args.all? { |a| a.include?('=') }
-        raise CommandFailed, "Usage: xtheme config:add <key>=<value> [<key2>=<value2> ...]"
-      end
-
-      #vars = args.inject({}) do |vars, arg|
-      #  key, value = arg.split('=', 2)
-      #  vars[key] = value
-      #  vars
-      #end
-
-      display "Adding config vars:"
-      #display_vars(vars, :indent => 2)
-
-      #display "Restarting app...", false
-      #heroku.add_config_vars(app, vars)
-      #display "done."
-    end
-
-    def remove
-      display "Removing #{args.first} and restarting app..."
-      #heroku.remove_config_var(app, args.first)
-      display "done."
-    end
-
-    alias :rm :remove
-
-    def clear
-      display "Clearing all config vars and restarting app..."
-      #heroku.clear_config_vars(app)
-      display "done."
-    end
-
-    protected
-    def display_vars(vars, options={})
-      max_length = vars.map { |v| v[0].size }.max
-      vars.keys.sort.each do |key|
-        spaces = ' ' * (max_length - key.size)
-        display "#{' ' * (options[:indent] || 0)}#{key}#{spaces} => #{format(vars[key], options)}"
-      end
-    end
-
-    def format(value, options)
-      return value if options[:long] || value.size < 36
-      value[0, 16] + '...' + value[-16, 16]
-    end
-  end
-end

data/lib/extjs-theme/commands/effects.rb

@@ -1,15 +0,0 @@
-module ExtJS::Theme::Command
-  class Effects < Base
-
-    def modulate
-      unless @args.length == 4
-        display "Usage: xtheme effects:modulate <theme-name> <hue> <saturation> <lightness>"
-        display " Specify <hue>, <saturation> and <lightness> as Floats, for example,"
-        display " 0.25 means 25%. The default value of each argument is 1.0, that is, 100%"
-        return
-      end
-      display "Modulating theme images"
-      ExtJS::Theme::Effects.modulate(@config[:ext_dir], "#{@config[:theme_dir]}/#{@args[0]}", @args[1].to_f, @args[2].to_f, @args[3].to_f)
-    end
-  end
-end

data/lib/extjs-theme/commands/help.rb

@@ -1,83 +0,0 @@
-module ExtJS::Theme::Command
-  class Help < Base
-    class HelpGroup < Array
-      attr_reader :title
-
-      def initialize(title)
-        @title = title
-      end
-
-      def command(name, description)
-        self << [name, description]
-      end
-
-      def space
-        self << ['', '']
-      end
-    end
-
-    def self.groups
-      @groups ||= []
-    end
-
-    def self.group(title, &block)
-      groups << begin
-        group = HelpGroup.new(title)
-        group.instance_eval(&block)
-        group
-      end
-    end
-
-    def self.create_default_groups!
-      group('General Commands') do
-        command 'help', 'show this usage'
-        #command 'version',                      'show the gem version'
-        space
-        #command 'list',                         'list your themes'
-        command 'create [<name>]', 'create a new theme'
-        space
-        #command 'config',                       'display the theme\'s config vars (environment)'
-        #command 'config:add key=val [...]',     'add one or more config vars'
-        #space
-        #command 'destroy [<name>]',             'destroy a theme permanently'
-      end
-
-      group('Effects') do
-        command 'effects:modulate [<theme> <hue> <saturation> <lightness>]', 'Apply hue, saturation, lightness to a themes\'s images.  Specify as Floats, where 1.0 means 100%'
-        space
-      end
-    end
-
-    def index
-      display usage
-    end
-
-    def version
-      #display ExtJS::Theme.version
-    end
-
-    def usage
-      longest_command_length = self.class.groups.map do |group|
-        group.map { |g| g.first.length }
-      end.flatten.max
-
-      self.class.groups.inject(StringIO.new) do |output, group|
-        output.puts "=== %s" % group.title
-        output.puts ''
-
-        group.each do |command, description|
-          if command.empty?
-            output.puts ''
-          else
-            output.puts "%-*s # %s" % [longest_command_length, command, description]
-          end
-        end
-
-        output.puts ''
-        output
-      end.string
-    end
-  end
-end
-
-ExtJS::Theme::Command::Help.create_default_groups!

data/lib/extjs-theme/commands/theme.rb

@@ -1,47 +0,0 @@
-require 'yaml'
-
-module ExtJS::Theme::Command
-  class Theme < Base
-
-    def init
-
-      ext_path = args[0] || 'public/javascripts/ext-3.2.0'
-      theme_path = args[1] || 'app/stylesheets/themes'
-
-      unless File.directory?(ext_path)
-        return display "Error: invalid ext js path: #{ext_path}"
-      end
-
-      unless File.directory?(theme_path)
-        FileUtils.mkdir_p(theme_path)
-        display "Create theme directory #{theme_path}"
-      end
-
-      display "Initializing xtheme configuration file config/xtheme.yml"
-      File.open("config/xtheme.yml", "w+") {|f|
-        f << {
-                :ext_dir => ext_path,
-                :theme_dir => theme_path
-        }.to_yaml
-      }
-    end
-
-    def list
-      display "Not implemented"
-    end
-
-    def create
-      name    = args.shift.downcase.strip rescue nil
-      if !name
-        return display "Usage: xtheme create <name>"
-      end
-      ExtJS::Theme::Generator.create(name, @config[:ext_dir], @config[:theme_dir])
-      display "Created #{name}"
-
-    end
-
-    def destroy
-      display "Not implemented"
-    end
-  end
-end

data/lib/extjs-theme/dependencies.rb

@@ -1,18 +0,0 @@
-begin
-  gem 'haml-edge', '>= 2.3.0'
-  $stderr.puts "Loading haml-edge gem."
-rescue LoadError
-  #pass
-end
-
-begin
-  gem 'rmagick'
-  $stderr.puts "Loading rmagick gem."
-
-rescue LoadError
-  #pass
-end
-
-require 'sass'
-require 'RMagick'
-

data/lib/extjs-theme/effects.rb

@@ -1,57 +0,0 @@
-module ExtJS::Theme
-  module Effects
-
-    ##
-    # performs hsv transformation on Ext theme images and save to Sass theme dir.
-    # @param {String} name Theme name
-    # @param {String} ext_dir path to Ext directory relative to public/javascripts
-    # @param {Float} hue
-    # @param {Float} saturation
-    # @param {Float} lightness
-    #
-    def self.modulate(ext_dir, theme_dir, hue=1.0, saturation=1.0, lightness=1.0)
-      each_image("#{ext_dir}/resources/images/default") {|img|
-        write_image(img.modulate(lightness, saturation, hue), theme_dir)
-      }
-      # update hue in defines.sass
-      defines = File.read("#{theme_dir}/defines.sass")
-      File.open("#{theme_dir}/defines.sass", "w+") {|f| f << defines.gsub(/hue\s?=.*/, "hue = #{(hue-1)*180}") }
-    end
-
-    private
-
-    ##
-    # Iterate all theme images
-    # @param {String} path
-    #
-    def self.each_image(path)
-      Dir["#{path}/*/"].each do |dir|
-        Dir[dir+'/*.gif'].each do |filename|
-          yield(Magick::ImageList.new(filename))
-        end
-        Dir[dir+'/*.png'].each do |filename|
-          yield(Magick::ImageList.new(filename))
-        end
-      end
-      # Now transform any images left in the base /images/default directory (excluding s.gif)
-      Dir["#{path}/*.*"].reject {|f| f.match('s.gif')}.each do |filename|
-        yield(Magick::ImageList.new(filename))
-      end
-    end
-
-    ##
-    # Write transformed RMagick::Image to theme directory
-    # @param {RMagick::Image} img
-    # @param {String} dest Theme directory
-    #
-    def self.write_image(img, dest)
-      # Get filename and directory
-      m = /\/default\/(.*)\/(.*)\.(.*)$/.match(img.filename) || /\/default\/(.*)\.(.*)$/.match(img.filename)
-      #m = /\/(.*)\/(.*)\.(.*)$/.match(img.filename) || /\/(.*)\.(.*)$/.match(img.filename)
-      outfile = (m.captures.length == 3) ? "#{dest}/images/#{m[1]}#{m[2]}.#{m[3]}" : "#{dest}/images/#{m[1]}.#{m[2]}"
-
-      puts " - #{outfile}"
-      img.write(outfile)
-    end
-  end
-end

data/lib/extjs-theme/generator.rb

@@ -1,98 +0,0 @@
-module ExtJS
-  module Theme
-    module Generator
-      ##
-      # creates a new Sass theme
-      # @param {String} name
-      # @param {String} ext_dir path to Ext directory relative to public/javascripts
-      # @param {String} theme_dir Path to theme output dir (eg: stylesheets/sass)
-      #
-      def self.create(name, ext_dir, theme_dir)
-        ext_css_path  = "#{ext_dir}/resources/css"
-        theme_path    = "#{theme_dir}/#{name}"
-
-        # Create theme directory in /stylesheets/sass
-        FileUtils.mkdir_p ["#{theme_path}/visual", "#{theme_path}/structure"]
-
-        # Create the defines.sass file, set img_path variable.
-        FileUtils.copy("#{File.dirname(__FILE__)}/template/defines.sass", "#{theme_path}/defines.sass")
-        defines = File.read("#{theme_path}/defines.sass")
-        File.open("#{theme_path}/defines.sass", "w+") {|f| f << defines.gsub(/\{\{img_path\}\}/, "../themes/#{name}/images") }
-        puts " - created #{theme_path}/defines.sass"
-
-        sass_files = []
-        # Iterate each Ext css file and convert to Sass.
-        ["structure", "visual"].each do |subdir|
-          puts " Converting #{subdir} styles to Sass"
-          Dir["#{ext_css_path}/#{subdir}/*.css"].each do |file|
-            m = /^.*\/(.*)\.css$/.match(file)
-            sass_file = "#{theme_path}/#{subdir}/#{m.captures[0]}.sass"
-            puts " - sass-convert #{m.captures[0]}.css -> #{sass_file}"
-            sass_files << "@import #{subdir}/#{m.captures[0]}.sass"
-            `sass-convert #{file} #{sass_file}`
-            write_sass_vars(sass_file)
-          end
-        end
-
-        # Create master sass file, which includes @imports for all other files in theme.
-        puts " - Writing all.sass"
-        f = File.new("#{theme_path}/all.sass", "w")
-        f.puts sass_files.join("\n")
-
-        # Copy Ext theme images to new Sass theme dir.
-        FileUtils.cp_r("#{ext_dir}/resources/images/default", "#{theme_path}/images")
-      end
-
-
-      private
-
-      ##
-      # Iterate all theme images
-      # @param {String} path
-      #
-      def self.each_image(path)
-        Dir["#{path}/*/"].each do |dir|
-          Dir[dir+'/*.gif'].each do |filename|
-            yield(Magick::ImageList.new(filename))
-          end
-          Dir[dir+'/*.png'].each do |filename|
-            yield(Magick::ImageList.new(filename))
-          end
-        end
-        # Now transform any images left in the base /images/default directory (excluding s.gif)
-        Dir["#{path}/*.*"].reject {|f| f.match('s.gif')}.each do |filename|
-          yield(Magick::ImageList.new(filename))
-        end
-      end
-
-      ##
-      # Searches .sass file for HEX colors and wraps in Sass adjust_hue function.
-      # Also substitutes urls with !img_path Sass var
-      # @param {String} filename of .sass file to write !vars to
-      #
-      def self.write_sass_vars(file)
-        sass = File.read(file)
-        sass.gsub!(/background-image: url\(\.\.\/images\/default/, 'background-image = url(!img_path')
-        sass.gsub!(/\b(.*):\s?#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})/, '\1 = adjust_hue(#\2, !hue)')
-
-        # append @import "defines.sass" at start of each .sass file in order to use defined variables
-        File.open(file, "w") {|f| f << "@import ../defines.sass\n#{sass}" }
-      end
-
-      ##
-      # Write transformed RMagick::Image to theme directory
-      # @param {RMagick::Image} img
-      # @param {String} dest Theme directory
-      #
-      def self.write_image(img, dest)
-        # Get filename and directory
-        m = /\/default\/(.*)\/(.*)\.(.*)$/.match(img.filename) || /\/default\/(.*)\.(.*)$/.match(img.filename)
-        #m = /\/(.*)\/(.*)\.(.*)$/.match(img.filename) || /\/(.*)\.(.*)$/.match(img.filename)
-        outfile = (m.captures.length == 3) ? "#{dest}/images/#{m[1]}#{m[2]}.#{m[3]}" : "#{dest}/images/#{m[1]}.#{m[2]}"
-
-        puts " - #{outfile}"
-        img.write(outfile)
-      end
-    end
-  end
-end