css_convertor 1.0.0

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in css_convertor.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 nour
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,68 @@
+# CssConvertor
+
+Flips the layout of your CSS file. You can use it if you're designing a website that supports both LTR and RTL languages: CssConvertor will create a seperate CSS file of the new layout. 
+It was originally based on https://github.com/ded/R2
+
+## Explained
+
+CssConvertor reads your CSS file, and when it finds something like this:
+
+```css
+p {
+  margin-right: 2px;
+  padding: 1px 2px 3px 4px;
+  left: 5px;
+}
+#container {
+  float:right;
+  text-align: right;
+}
+```
+
+It will change it to:
+
+```css
+p {
+  margin-left: 2px;
+  padding: 1px 4px 3px 2px;
+  right: 5px;
+}
+#container {
+  float:left;
+  text-align: left;
+}
+```
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem "css_convertor"
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install css_convertor
+
+## Usage
+
+```
+$ css_convertor file.css
+```
+And if you didn't have this, add it to your CSS file
+```css
+body {
+  direction: rtl;
+}
+```
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,9 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
+require 'rake/testtask'
+
+Rake::TestTask.new do |t|
+  t.libs << 'test'
+end
+desc "Run tests"
+task :default => :test

data/bin/css_convertor

@@ -0,0 +1,8 @@
+#!/usr/bin/env ruby
+
+require 'css_convertor'
+
+case ARGV.size
+  when 1 then CssConvertor.convert(ARGV[0])
+  else puts CssConvertor.style("Usage:\n  $ css_convertor file.css", :color=>:cyan); exit
+end

data/css_convertor.gemspec

@@ -0,0 +1,20 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/css_convertor/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Nour"]
+  gem.email         = ["nour.fwh@gmail.com"]
+  gem.description   = %q{css_convertor flips the layout of your CSS file. You can use it if you're designing a website that supports both LTR and RTL languages: css_convertor will create a seperate CSS file of the new layout.}
+  gem.summary       = %q{CSS LTR-RTL layout converter}
+  gem.homepage      = "http://rubygems.org/gems/css_convertor"
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "css_convertor"
+  gem.require_paths = ["lib"]
+  gem.version       = CssConvertor::VERSION
+  gem.add_development_dependency 'rake'
+  gem.add_development_dependency 'test-unit'
+end

data/lib/css_convertor/command.rb

@@ -0,0 +1,32 @@
+module CssConvertor
+  class Command
+    def initialize(filepath)
+      @filepath = filepath
+    end
+    def rtl_filename
+      @filepath.gsub(/(.*?).css/) {"#{$1}-rtl.css"}
+    end 
+    def convert
+      css = ''
+
+      puts CssConvertor.style("\nOpening file..", :color=>:yellow)
+      File.open(@filepath, 'r') {|f| css = f.read}
+      puts CssConvertor.style("Opening file..OK", :color=>:green)
+
+      puts CssConvertor.style("\nScanning and replacing..", :color=>:yellow)
+      css = CssConvertor.replace(css)
+      puts CssConvertor.style("Scanning and replacing..OK", :color=>:green)
+
+      puts CssConvertor.style("\nWriting to new file..", :color=>:yellow)
+      new_filename = rtl_filename
+      File.open(new_filename, 'w') {|f| f << css}
+      puts CssConvertor.style("Writing to new file..OK", :color=>:green)
+      puts CssConvertor.style("\nDONE. Check: #{new_filename}", 
+                             :color=>:green, :bold=>true)
+    rescue Exception => e
+      puts CssConvertor.style("\nTerminating because of these errors:", :color=>:red)
+      puts CssConvertor.style(e.message, :color=>:red)
+      puts e.backtrace
+    end
+  end
+end

data/lib/css_convertor/convertor.rb

@@ -0,0 +1,91 @@
+module CssConvertor
+  module Convertor
+    PROPERTY_MAP = {
+      'margin-left'=> 'margin-right',
+      'margin-right'=> 'margin-left',
+
+      'padding-left'=> 'padding-right',
+      'padding-right'=> 'padding-left',
+
+      'border-left'=> 'border-right',
+      'border-right'=> 'border-left',
+
+      'border-left-width'=> 'border-right-width',
+      'border-right-width'=> 'border-left-width',
+
+      'border-left-color'=> 'border-right-color',
+      'border-right-color'=> 'border-left-color',
+
+      'border-left-style'=> 'border-right-style',
+      'border-right-style'=> 'border-left-style',
+
+      'border-radius-bottomleft'=> 'border-radius-bottomright',
+      'border-radius-bottomright'=> 'border-radius-bottomleft',
+      'border-bottom-right-radius'=> 'border-bottom-left-radius',
+      'border-bottom-left-radius'=> 'border-bottom-right-radius',
+      '-webkit-border-bottom-right-radius'=> '-webkit-border-bottom-left-radius',
+      '-webkit-border-bottom-left-radius'=> '-webkit-border-bottom-right-radius',
+      '-moz-border-radius-bottomright'=> '-moz-border-radius-bottomleft',
+      '-moz-border-radius-bottomleft'=> '-moz-border-radius-bottomright',
+
+      'border-radius-topleft'=> 'border-radius-topright',
+      'border-radius-topright'=> 'border-radius-topleft',
+      'border-top-right-radius'=> 'border-top-left-radius',
+      'border-top-left-radius'=> 'border-top-right-radius',
+      '-webkit-border-top-right-radius'=> '-webkit-border-top-left-radius',
+      '-webkit-border-top-left-radius'=> '-webkit-border-top-right-radius',
+      '-moz-border-radius-topright'=> '-moz-border-radius-topleft',
+      '-moz-border-radius-topleft'=> '-moz-border-radius-topright',
+
+      'left'=> 'right',
+      'right'=> 'left'
+    }
+    FLIP_MAP = {'rtl'=>'ltr', 'ltr'=>'rtl', 'right'=>'left', 'left'=>'right'}
+    VALUE_MAP = {
+      'padding'=> :quad,
+      'margin'=> :quad,
+      'border-color'=> :quad, 
+      'border-width'=> :quad, 
+      'border-style'=> :quad,
+      '-webkit-border-radius' => :quad_radius,
+      '-moz-border-radius'=> :quad_radius,
+      'border-radius'=> :quad_radius,
+      'text-align'=> :direction, 
+      'float'=> :direction,
+      'clear'=> :direction,
+      'direction'=> :direction
+    }
+    def scan_and_replace(str)
+      str.gsub(/([a-z\-]+)\s*:\s*(.+?)(?=\s*[;}])/) {"#{property($1)}: #{value($1, $2)}"}
+    end
+    def property(property_name)
+      PROPERTY_MAP[property_name] || property_name
+    end
+    def value(property_name, property_value)
+      VALUE_MAP[property_name] ? new_value(VALUE_MAP[property_name], property_value) : property_value 
+    end
+    def new_value(type, value)
+      full_value = value
+      value = get_actual_value(value)
+      arr = split_property_value(value)
+
+      if type==:direction && FLIP_MAP[value]
+        full_value.gsub!(/#{Regexp.escape(value)}/, FLIP_MAP[value])
+      elsif type==:quad && arr.length==4
+        arr[1], arr[3] = arr[3], arr[1]
+        full_value.gsub!(/#{Regexp.escape(value)}/, arr.join(' '))
+      elsif type==:quad_radius && arr.length==4
+        arr[0], arr[1], arr[2], arr[3] = arr[1], arr[0], arr[3], arr[2]
+        full_value.gsub!(/#{Regexp.escape(value)}/, arr.join(' '))
+      end
+      full_value
+    end
+    def get_actual_value(value)
+      match_data = %r{(.+?) ?(?=!important|\\9|\\0/)}.match(value)
+      match_data ? match_data[1] : value
+    end
+    def split_property_value(value)
+      value.scan(/rgba?\(.*?\)|hsla?\(.*?\)|#[0-9a-f]{3,6}|[\w.%-]+/)
+    end
+  end
+end

data/lib/css_convertor/simple_styler.rb

@@ -0,0 +1,21 @@
+module CssConvertor
+  class SimpleStyler
+    CODES = {:reset=>0, :red=>31, :green=>32, :yellow=>33, :cyan=>36, :bold => 1}
+    CODES.default = CODES[:reset]
+    def initialize(text)
+      @text = text
+    end
+    def style_text(options)
+      exec_code(CODES[options[:color]])
+      exec_code(CODES[:bold]) if options[:bold] == true
+      reset
+    end
+  private
+    def exec_code(code)
+      @text = "\e[#{code}m#{@text}"
+    end
+    def reset
+      "#{@text}\e[#{CODES[:reset]}m"
+    end
+  end
+end

data/lib/css_convertor/version.rb

@@ -0,0 +1,3 @@
+module CssConvertor
+  VERSION = "1.0.0"
+end

data/lib/css_convertor.rb

@@ -0,0 +1,17 @@
+require "css_convertor/convertor"
+require "css_convertor/simple_styler"
+require "css_convertor/command"
+require "css_convertor/version"
+
+include CssConvertor::Convertor
+module CssConvertor
+  def self.replace(css)
+    scan_and_replace(css)
+  end
+  def self.style(text,options={:color=>:reset, :bold=>false})
+    SimpleStyler.new(text).style_text(options)
+  end
+  def self.convert(filepath)
+    Command.new(filepath).convert
+  end
+end

data/test/test_convertor.rb

@@ -0,0 +1,67 @@
+require 'test/unit'
+require 'css_convertor'
+
+class ConvertorTest < Test::Unit::TestCase
+  include CssConvertor::Convertor
+
+  # get_actual_value(value)
+  def test_must_get_value_without_additions
+    assert_equal '3px 5px 3px 10px', get_actual_value('3px 5px 3px 10px !important')
+    assert_equal 'rgba(255,0,0)', get_actual_value('rgba(255,0,0) \0/')
+    assert_equal '#fff #000 #fff #000', get_actual_value('#fff #000 #fff #000\9')
+  end
+  # split_property_value(value)
+  def test_must_split_hex_values
+    assert_equal ['#eeeeee', '#fff'], split_property_value('#eeeeee #fff')
+    assert_equal ['#fff','#000','#fff','#000'], split_property_value('#fff #000 #fff #000')
+  end
+  def test_must_split_rgba_values
+    assert_equal ['rgb(0, 0, 0)','rgba(0, 0, 0, 0.15)'], split_property_value('rgb(0, 0, 0) rgba(0, 0, 0, 0.15)')
+    assert_equal ['rgba(0, 0, 0, 0.15)','rgb(0, 0, 0)','rgba(0, 0, 0, 0.15)','rgb(0, 0, 0)'], split_property_value('rgba(0, 0, 0, 0.15)rgb(0, 0, 0)rgba(0, 0, 0, 0.15)rgb(0, 0, 0)')
+  end
+  def test_must_split_hlsa_values
+    assert_equal ['hsl(10%, 40%, 20%)'], split_property_value('hsl(10%, 40%, 20%)')
+    assert_equal ['hsl(10%, 40%, 20%)','hsla(10%, 40%, 20%,0)', 'hsla(10%, 40%, 20%,0)'], split_property_value('hsl(10%, 40%, 20%) hsla(10%, 40%, 20%,0) hsla(10%, 40%, 20%,0)')
+  end
+  def test_must_split_length_values
+    assert_equal ['10px', '20%', '1.3em'], split_property_value('10px 20% 1.3em')
+  end
+  def test_must_split_word_values
+    assert_equal ['right'], split_property_value('right')
+    assert_equal ['red','blue','green','yellow'], split_property_value('red blue green yellow')
+  end
+  def test_must_split_mixed_values
+    assert_equal ['#ffff','rgba(0,0,0,0)','red','hsl(10%,10%,10%)'], split_property_value('#ffff rgba(0,0,0,0) red hsl(10%,10%,10%)')
+  end
+  # new_value(type, value)
+  def test_must_get_correct_new_value_with_quad
+    assert_equal '1px 2px 3px', new_value(:quad,'1px 2px 3px')
+    assert_equal '1px 4px 3px 2px', new_value(:quad,'1px 2px 3px 4px')
+    assert_equal '1px 4px 3px 2px !important', new_value(:quad,'1px 2px 3px 4px !important')
+  end
+  def test_must_get_correct_new_value_with_quad_radius
+    assert_equal '10% 20%', new_value(:quad_radius,'10% 20%')
+    assert_equal '10% 20% 3.3em 10px', new_value(:quad_radius,'20% 10% 10px 3.3em')
+    assert_equal '10% 20% 3.3em 10px\9', new_value(:quad_radius,'20% 10% 10px 3.3em\9')
+  end
+  def test_must_get_correct_new_value_with_direction
+    assert_equal 'left', new_value(:direction,'right')
+    assert_equal 'rtl !important', new_value(:direction,'ltr !important')
+  end
+  # value(property_name, property_value)
+  def test_must_get_correct_value
+    assert_equal 'justify', value('text-align','justify')
+    assert_equal '10px 30px 10px', value('margin','10px 30px 10px')
+    assert_equal 'right', value('float','left')
+    assert_equal '10px 25.5% 3.0em 20% !important', value('padding','10px 20% 3.0em 25.5% !important')
+  end
+  # property(property_name)
+  def test_must_get_correct_property_name
+    assert_equal 'margin', property('margin')
+    assert_equal 'margin-right', property('margin-left')
+  end
+  # scan_and_replace(str)
+  def test_must_scan_and_replace_correctly_or_else!
+    assert_equal 'p {margin-left: 10px;float: right}', scan_and_replace('p {margin-right: 10px;float: left}')
+  end
+end

metadata

@@ -0,0 +1,100 @@
+--- !ruby/object:Gem::Specification
+name: css_convertor
+version: !ruby/object:Gem::Version
+  version: 1.0.0
+  prerelease: 
+platform: ruby
+authors:
+- Nour
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-09-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: test-unit
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: ! 'css_convertor flips the layout of your CSS file. You can use it if
+  you''re designing a website that supports both LTR and RTL languages: css_convertor
+  will create a seperate CSS file of the new layout.'
+email:
+- nour.fwh@gmail.com
+executables:
+- css_convertor
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- bin/css_convertor
+- css_convertor.gemspec
+- lib/css_convertor.rb
+- lib/css_convertor/command.rb
+- lib/css_convertor/convertor.rb
+- lib/css_convertor/simple_styler.rb
+- lib/css_convertor/version.rb
+- test/test_convertor.rb
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 533531759
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: 533531759
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: CSS LTR-RTL layout converter
+test_files:
+- test/test_convertor.rb