semantic-ui-sass 0.0.1

data/app/assets/stylesheets/semantic-ui/views/_statistic.scss

@@ -0,0 +1,27 @@
+/*
+ * # Statistic
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ * Released: Aug 20, 2013
+ */
+/*******************************
+           Statistic
+*******************************/
+.ui.statistic {
+  text-align: center;
+}
+/*******************************
+            Content
+*******************************/
+.ui.statistic > .number {
+  font-size: 4em;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.7);
+}
+.ui.statistic > .description {
+  opacity: 0.8;
+}

data/lib/semantic/ui/sass.rb

@@ -0,0 +1,10 @@
+require "semantic/ui/sass/version"
+require "semantic/ui/sass/engine"
+
+module Semantic
+  module Ui
+    module Sass
+      # Your code goes here...
+    end
+  end
+end

data/lib/semantic/ui/sass/engine.rb

@@ -0,0 +1,13 @@
+module Semantic
+  module Ui
+    module Sass
+      module Rails
+        class Engine < ::Rails::Engine
+          initializer "semantic-ui-sass.assets.precompile" do |app|
+            app.config.assets.precompile << %r(semantic-ui\/(basic\.)*icons\.(?:eot|svg|ttf|woff)$)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/semantic/ui/sass/version.rb

@@ -0,0 +1,8 @@
+module Semantic
+  module Ui
+    module Sass
+      VERSION = "0.0.1"
+      SEMANTIC_UI_SHA = '7ca9111379ecda0be4bc801cc05ff2cf164c225b'
+    end
+  end
+end

data/semantic-ui-sass.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'semantic/ui/sass/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "semantic-ui-sass"
+  spec.version       = Semantic::Ui::Sass::VERSION
+  spec.authors       = ["doabit"]
+  spec.email         = ["doinsist@gmail.com"]
+  spec.description   = %q{Semantic UI, converted to Sass and ready to drop into Rails.}
+  spec.summary       = %q{Semantic UI, converted to Sass and ready to drop into Rails.}
+  spec.homepage      = "http://github.com/doabit/semantic-ui-sass"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_runtime_dependency     'sass',       '~> 3.2'
+end

data/tasks/converter.rb

@@ -0,0 +1,237 @@
+# Based on convert script from vwall/compass-twitter-bootstrap gem.
+# https://github.com/vwall/compass-twitter-bootstrap/blob/master/build/convert.rb
+
+require 'open-uri'
+require 'json'
+require 'fileutils'
+
+class Converter
+
+  def initialize
+    @branch_sha = get_tree_sha
+    @paths = ['collections', 'elements', 'views', 'modules']
+    @save_at    = { js: 'app/assets/javascripts/semantic-ui',
+                    scss: 'app/assets/stylesheets/semantic-ui',
+                    images: 'app/assets/images/semantic-ui',
+                    fonts: 'app/assets/fonts/semantic-ui' }
+  end
+
+  def process
+    process_stylesheets_assets
+    process_javascript_assets
+    process_images_and_fonts_assets
+    store_version
+  end
+
+  def process_stylesheets_assets
+    main_content = ''
+     get_less_paths.each do |path, sha|
+      content = ''
+      get_less_files(sha).each do |name|
+        file_name = name.gsub('.less', '')
+
+        if name.include?('.less') && @paths.include?(path)
+          file = open_git_file("https://raw.github.com/jlukic/Semantic-UI/master/src/#{path}/#{name}")
+          file = convert(file)
+          save_file(name, file, path)
+          content += "@import '#{file_name}';\n"
+        end
+
+      end
+
+      if @paths.include?(path)
+         save_file('all', content, path)
+         main_content += "@import 'semantic-ui/#{path}/all';\n";
+      end
+    end
+    file = "app/assets/stylesheets/semantic-ui.scss"
+    f = File.open(file, "w+")
+    f.write(main_content)
+    f.close
+  end
+
+  def process_javascript_assets
+     get_less_paths.each do |path, sha|
+      content = ''
+      get_less_files(sha).each do |name|
+        file_name = name.gsub('.js', '')
+        # Copy javascripts
+        if path == 'modules' && name.include?('.js')
+          file = open_git_file("https://raw.github.com/jlukic/Semantic-UI/master/src/#{path}/#{name}")
+          save_file(name, file, path, 'js')
+          content += "//= require semantic-ui/#{file_name}\n"
+        end
+      end
+      if path == 'modules'
+        file = "app/assets/javascripts/semantic-ui.js"
+        f = File.open(file, "w+")
+        f.write(content)
+        f.close
+      end
+    end
+  end
+
+  def process_images_and_fonts_assets
+     get_less_paths.each do |path, sha|
+
+      get_less_files(sha).each do |name|
+        file_name = name.gsub('.less', '')
+        if path == 'images' || path == 'fonts'
+          file = open_git_file("https://raw.github.com/jlukic/Semantic-UI/master/src/#{path}/#{name}")
+          save_file(name, file, path, path)
+        end
+      end
+    end
+
+  end
+
+
+private
+
+  # Get the sha of less branch
+  def get_tree_sha
+    sha = nil
+    trees = open('https://api.github.com/repos/jlukic/Semantic-UI/git/trees/master').read
+    trees = JSON.parse trees
+    trees['tree'].find{|t| t['path'] == 'src'}['sha']
+  end
+
+  def get_less_paths
+    paths = open("https://api.github.com/repos/jlukic/Semantic-UI/git/trees/#{get_tree_sha}").read
+    paths = JSON.parse paths
+    paths['tree'].select{|f| f['type'] == 'tree' }.map{|f| [f['path'], f['sha']] }
+  end
+
+  def get_less_files(sha)
+    files = open("https://api.github.com/repos/jlukic/Semantic-UI/git/trees/#{sha}").read
+    files = JSON.parse files
+    files['tree'].select{|f| f['type'] == 'blob' }.map{|f| f['path'] }
+  end
+
+
+  def convert(file)
+    file = replace_interpolation(file)
+    file = replace_vars(file)
+    file = replace_fonts(file)
+    # file = replace_font_family(file)
+    file = replace_fonts_url(file)
+    file = replace_grads(file)
+    file = replace_mixins(file)
+    file = replace_less_extend(file)
+    file = replace_includes(file)
+    file = replace_spin(file)
+    file = replace_opacity(file)
+    file = replace_image_urls(file)
+    file = replace_image_paths(file)
+    file = replace_escaping(file)
+
+    file
+  end
+
+  def open_git_file(file)
+    open(file).read
+  end
+
+  def save_file(name, content, path, type='stylesheets')
+    case type
+    when 'stylesheets'
+      name = name.gsub(/\.less/, '')
+      file = "#{@save_at[:scss]}/#{path}/_#{name}.scss"
+    when 'js', 'images', 'fonts'
+      name = name
+      file = "#{@save_at[type.to_sym]}/#{name}"
+    end
+    dir = File.dirname(file)
+    unless File.directory?(file)
+      FileUtils.mkdir_p(dir)
+    end
+    f = File.open(file, "w+")
+    f.write(content)
+    f.close
+    puts "Saved #{name}\n"
+  end
+
+  def store_version
+    path = 'lib/semantic/ui/sass/version.rb'
+    content = File.read(path).sub(/SEMANTIC_UI_SHA\s*=\s*['"][\w]+['"]/, "SEMANTIC_UI_SHA = '#@branch_sha'")
+    File.open(path, 'w') { |f| f.write(content) }
+  end
+
+  def replace_interpolation(less)
+    less.gsub(/@{([^}]+)}/, '#{$\1}')
+  end
+
+  def replace_vars(less)
+    less = less.dup
+    # skip header comment
+    less =~ %r(\A/\*(.*?)\*/)m
+    from = $~ ? $~.to_s.length : 0
+    less[from..-1] = less[from..-1].
+        gsub(/(?!@mixin|@media|@page|@keyframes|@font-face|@-\w)@/, '$').
+        # variables that would be ignored by gsub above: e.g. @page-header-border-color
+        gsub(/@(page[\w-]+)/, '$\1')
+    less
+  end
+
+  def fix_progress_bar(less)
+    less = less.gsub(/(\$)(-webkit-keyframes progress-bar-stripes)/, '@\2')
+    less = less.gsub(/(\$)(-moz-keyframes)/, '@\2')
+    less = less.gsub(/(\$)(keyframes progress-bar-stripes)/, '@\2')
+  end
+
+  def replace_fonts(less)
+    less.gsub(/#font \> \.([\w-]+)/, '@include ctb-font-\1')
+  end
+
+  def replace_fonts_url(less)
+    less.gsub(/url\(\.\.\/fonts\/?(.*?)\)/) {|s| "font-url(\"semantic-ui/#{$1}\")" }
+  end
+
+  def replace_font_family(less)
+    less.gsub(/#font \> #family \> \.([\w-]+)/, '@include ctb-font-family-\1')
+  end
+
+  def replace_grads(less)
+    less.gsub(/#gradient \> \.([\w-]+)/, '@include ctb-gradient-\1')
+  end
+
+  def replace_mixins(less)
+    less.gsub(/^\.([\w-]*)(\(.*\))([\s\{]+)$/, '@mixin \1\2\3')
+  end
+
+  def replace_includes(less)
+    less.gsub(/\.([\w-]*)(\(.*\));?/, '@include ctb-\1\2;')
+  end
+
+  def replace_less_extend(less)
+    less.gsub(/\#(\w+) \> \.([\w-]*)(\(.*\));?/, '@include ctb-\1-\2\3;')
+  end
+
+  def replace_spin(less)
+    less.gsub(/spin/, 'adjust-hue')
+  end
+
+  def replace_opacity(scss)
+    scss.gsub(/\@include opacity\((\d+)\)/) {|s| "@include ctb-opacity(#{$1.to_f / 100})"}
+  end
+
+  def replace_image_urls(less)
+    less.gsub(/url\("?(.*?).gif"?\)/) {|s| "image-url(\"#{$1}.gif\")" }
+  end
+
+  def replace_image_paths(less)
+    less.gsub('../images/', 'semantic-ui/')
+  end
+
+  def replace_escaping(less)
+    less = less.gsub(/\~"([^"]+)"/, '#{\1}') # Get rid of ~ escape
+    less.gsub(/(\W)e\("([^\)]+)"\)/) {|s| "#{$1 if $1 != /\s/}#{$2}"} # Get rid of e escape
+  end
+
+  def insert_default_vars(scss)
+    scss.gsub(/^(\$.+);$/, '\1 !default;')
+  end
+
+end
+
+Converter.new.process

metadata

@@ -0,0 +1,177 @@
+--- !ruby/object:Gem::Specification
+name: semantic-ui-sass
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- doabit
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-10-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+description: Semantic UI, converted to Sass and ready to drop into Rails.
+email:
+- doinsist@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/fonts/semantic-ui/basic.icons.eot
+- app/assets/fonts/semantic-ui/basic.icons.svg
+- app/assets/fonts/semantic-ui/basic.icons.ttf
+- app/assets/fonts/semantic-ui/basic.icons.woff
+- app/assets/fonts/semantic-ui/icons.eot
+- app/assets/fonts/semantic-ui/icons.otf
+- app/assets/fonts/semantic-ui/icons.svg
+- app/assets/fonts/semantic-ui/icons.ttf
+- app/assets/fonts/semantic-ui/icons.woff
+- app/assets/images/semantic-ui/loader-large-inverted.gif
+- app/assets/images/semantic-ui/loader-large.gif
+- app/assets/images/semantic-ui/loader-medium-inverted.gif
+- app/assets/images/semantic-ui/loader-medium.gif
+- app/assets/images/semantic-ui/loader-mini-inverted.gif
+- app/assets/images/semantic-ui/loader-mini.gif
+- app/assets/images/semantic-ui/loader-small-inverted.gif
+- app/assets/images/semantic-ui/loader-small.gif
+- app/assets/javascripts/semantic-ui.js
+- app/assets/javascripts/semantic-ui/accordion.js
+- app/assets/javascripts/semantic-ui/behavior/api.js
+- app/assets/javascripts/semantic-ui/behavior/colorize.js
+- app/assets/javascripts/semantic-ui/behavior/form.js
+- app/assets/javascripts/semantic-ui/behavior/state.js
+- app/assets/javascripts/semantic-ui/chatroom.js
+- app/assets/javascripts/semantic-ui/checkbox.js
+- app/assets/javascripts/semantic-ui/dimmer.js
+- app/assets/javascripts/semantic-ui/dropdown.js
+- app/assets/javascripts/semantic-ui/modal.js
+- app/assets/javascripts/semantic-ui/nag.js
+- app/assets/javascripts/semantic-ui/popup.js
+- app/assets/javascripts/semantic-ui/rating.js
+- app/assets/javascripts/semantic-ui/search.js
+- app/assets/javascripts/semantic-ui/shape.js
+- app/assets/javascripts/semantic-ui/sidebar.js
+- app/assets/javascripts/semantic-ui/tab.js
+- app/assets/javascripts/semantic-ui/transition.js
+- app/assets/javascripts/semantic-ui/video.js
+- app/assets/stylesheets/semantic-ui.scss
+- app/assets/stylesheets/semantic-ui/collections/_all.scss
+- app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss
+- app/assets/stylesheets/semantic-ui/collections/_form.scss
+- app/assets/stylesheets/semantic-ui/collections/_grid.scss
+- app/assets/stylesheets/semantic-ui/collections/_menu.scss
+- app/assets/stylesheets/semantic-ui/collections/_message.scss
+- app/assets/stylesheets/semantic-ui/collections/_table.scss
+- app/assets/stylesheets/semantic-ui/elements/_all.scss
+- app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss
+- app/assets/stylesheets/semantic-ui/elements/_button.scss
+- app/assets/stylesheets/semantic-ui/elements/_divider.scss
+- app/assets/stylesheets/semantic-ui/elements/_header.scss
+- app/assets/stylesheets/semantic-ui/elements/_icon.scss
+- app/assets/stylesheets/semantic-ui/elements/_image.scss
+- app/assets/stylesheets/semantic-ui/elements/_input.scss
+- app/assets/stylesheets/semantic-ui/elements/_label.scss
+- app/assets/stylesheets/semantic-ui/elements/_loader.scss
+- app/assets/stylesheets/semantic-ui/elements/_progress.scss
+- app/assets/stylesheets/semantic-ui/elements/_segment.scss
+- app/assets/stylesheets/semantic-ui/elements/_step.scss
+- app/assets/stylesheets/semantic-ui/modules/_accordion.scss
+- app/assets/stylesheets/semantic-ui/modules/_all.scss
+- app/assets/stylesheets/semantic-ui/modules/_chatroom.scss
+- app/assets/stylesheets/semantic-ui/modules/_checkbox.scss
+- app/assets/stylesheets/semantic-ui/modules/_dimmer.scss
+- app/assets/stylesheets/semantic-ui/modules/_dropdown.scss
+- app/assets/stylesheets/semantic-ui/modules/_modal.scss
+- app/assets/stylesheets/semantic-ui/modules/_nag.scss
+- app/assets/stylesheets/semantic-ui/modules/_popup.scss
+- app/assets/stylesheets/semantic-ui/modules/_rating.scss
+- app/assets/stylesheets/semantic-ui/modules/_reveal.scss
+- app/assets/stylesheets/semantic-ui/modules/_search.scss
+- app/assets/stylesheets/semantic-ui/modules/_shape.scss
+- app/assets/stylesheets/semantic-ui/modules/_sidebar.scss
+- app/assets/stylesheets/semantic-ui/modules/_tab.scss
+- app/assets/stylesheets/semantic-ui/modules/_transition.scss
+- app/assets/stylesheets/semantic-ui/modules/_video.scss
+- app/assets/stylesheets/semantic-ui/views/_all.scss
+- app/assets/stylesheets/semantic-ui/views/_comment.scss
+- app/assets/stylesheets/semantic-ui/views/_feed.scss
+- app/assets/stylesheets/semantic-ui/views/_item.scss
+- app/assets/stylesheets/semantic-ui/views/_list.scss
+- app/assets/stylesheets/semantic-ui/views/_statistic.scss
+- lib/semantic/ui/sass.rb
+- lib/semantic/ui/sass/engine.rb
+- lib/semantic/ui/sass/version.rb
+- semantic-ui-sass.gemspec
+- tasks/converter.rb
+homepage: http://github.com/doabit/semantic-ui-sass
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.0.3
+signing_key: 
+specification_version: 4
+summary: Semantic UI, converted to Sass and ready to drop into Rails.
+test_files: []