semantic-ui-sass 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: d018e8e1837be3ef5a45d535f3e52a796dcb38a1
-  data.tar.gz: 6b557f71933b1372a04f1422a001376defcc8745
+  metadata.gz: 43548f63a28e7e11f587faf299202548528b327f
+  data.tar.gz: 7efdd6a498a980adbb31e8ec372de93243bf60db
 SHA512:
-  metadata.gz: 508cebd9e012674ff7d1597284a2f77b2d351eafe7bdbc7cc76ee88c95eb77c9bb5f38cecea99ad16070f9080293000545c05d899a0cb2c2f2321aaa344601be
-  data.tar.gz: 4f7d692b411147e6bb4ce6bd42e427799c2f7b3d82b4a44824c32195ab8b338dc19d3ae39182c732b3f475b43f2cdab2d751054b3b2887f04b02fedd6a0cebf6
+  metadata.gz: af2ca59c8266fe91899a2767637c712de8e40d877f6b6e6737a831b46bbf52e98ab0b1c59b5fbb9ecf6390a361014ac763d3d2642609466cb4cc184be2c9a62e
+  data.tar.gz: 3e314de76d1e3ff90864a148a1ee7a542057bc848233bbc19d088ce44ff96ee5324092dbb1b3bd0207c4fa3699db61386096c11390616301d4337816da75e4f1

data/.gitignore

@@ -15,4 +15,5 @@ spec/reports
 test/tmp
 test/version_tmp
 tmp
-.DS_Store
+.DS_Store
+.env

data/CHANGELOG.md

@@ -0,0 +1,14 @@
+## 0.0.2
+
+### Features
+
+* Add support for compass
+
+```console
+  gem install semantic-ui-sass
+  compass create compass-project -r semantic-ui-sass --using semantic-ui
+```
+
+## 0.0.1
+
+* Initial version

data/README.md

@@ -1,18 +1,23 @@
 # Semantic UI for Sass
 
-`semantic-ui-sass` is an Sass-powered version of [Semantic UI](https://github.com/jlukic/Semantic-UI).
+`semantic-ui-sass` is an Sass-powered version of [Semantic UI](https://github.com/jlukic/Semantic-UI) and ready to drop into Rails & Compass.
 
 ## Installation and Usage
 
 ```ruby
-gem 'semantic-ui-sass', '~> 0.0.1'
+gem 'semantic-ui-sass', '~> 0.0.2'
+```
+or
+
+```ruby
+gem 'semantic-ui-sass', github: 'doabit/semantic-ui-sass'
 ```
 
 `bundle install` and restart your server to make the files available through the pipeline.
 
-## Usage
+# semantic-ui-sass with Rails
 
-### CSS
+## CSS
 
 Import Semantic in an SCSS file (for example, `application.css.scss`) to get all of Semantic's styles
 
@@ -26,7 +31,7 @@ You can also include modules
 @import "semantic-ui/collections/menu";
 ```
 
-### Javascripts
+## Javascripts
 
 We have a helper that includes all Semantic javascripts. Put this in your Javascript manifest (usually in `application.js`) to
 
@@ -42,6 +47,41 @@ You can also load individual modules, provided you also require any dependencies
 //= require semantic-ui/dropdown
 ```
 
+# semantic-ui-sass with Compass
+
+## New project
+
+Install the gem and create a new project using the gem.
+
+```console
+gem install semantic-ui-sass
+compass create compass-project -r semantic-ui-sass --using semantic-ui
+```
+
+This will sort a few things out:
+
+* You'll get a starting `styles.scss`
+* You'll get a compiled stylesheet compiled & ready to drop into your application
+* We'll also copy the Semantic javascripts & images & fonts into their respective folders for you
+
+## Existing project
+
+Install the gem, add the require statement to the top of your configuration file, and install the extension.
+
+```console
+gem install semantic-ui-sass
+```
+
+```ruby
+# In config.rb
+require 'semantic-ui-sass'
+```
+
+```console
+compass install semantic-ui
+```
+
+
 ## Contributing
 
 1. Fork it

data/Rakefile

@@ -1,5 +1,8 @@
 require "bundler/gem_tasks"
-desc 'Convert less to scss'
-task :convert do
-  ruby('./tasks/converter.rb')
+
+desc 'Convert semantic-ui less to sass'
+task :convert, :branch do |t, args|
+  require './tasks/converter'
+  branch = args[:branch]
+  Converter.new(branch).process
 end

data/lib/semantic-ui-sass.rb

@@ -0,0 +1,22 @@
+module Semantic
+  module Ui
+    module Sass
+      class FrameworkNotFound < StandardError; end
+
+      if defined?(::Rails)
+        require 'semantic/ui/sass/engine'
+      end
+
+      if defined?(::Compass)
+        base = File.join(File.dirname(__FILE__), '..')
+        styles = File.join(base, 'app', 'assets', 'stylesheets')
+        templates = File.join(base, 'templates')
+        ::Compass::Frameworks.register('semantic-ui', :path => base, :stylesheets_directory => styles, :templates_directory => templates)
+      end
+
+      if !(defined?(::Rails) || defined?(::Compass))
+        raise Semantic::Ui::Sass::FrameworkNotFound, "semantic-ui-sass requires either Rails > 3.1 or Compass, neither of which are loaded"
+      end
+    end
+  end
+end

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

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

data/semantic-ui-sass.gemspec

@@ -21,4 +21,7 @@ Gem::Specification.new do |spec|
   spec.add_development_dependency "bundler", "~> 1.3"
   spec.add_development_dependency "rake"
   spec.add_runtime_dependency     'sass',       '~> 3.2'
+  spec.add_development_dependency 'sass-rails', '>= 3.2'
+  spec.add_development_dependency 'pry'
+  spec.add_development_dependency 'dotenv'
 end

data/tasks/converter.rb

@@ -1,19 +1,34 @@
 # Based on convert script from vwall/compass-twitter-bootstrap gem.
-# https://github.com/vwall/compass-twitter-bootstrap/blob/master/build/convert.rb
+# https://github.com/vwall/compass-twitter-bootstrap/blob/#{@branch}/build/convert.rb
 
 require 'open-uri'
 require 'json'
 require 'fileutils'
+require "pry"
+require "dotenv"
+Dotenv.load
 
 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' }
+  GIT_DATA = 'https://api.github.com/repos'
+  GIT_RAW  = 'https://raw.github.com'
+  TOKEN    = ENV['TOKEN']
+
+  def initialize(branch)
+    @repo               = 'jlukic/Semantic-UI'
+    @repo_url           = "https://github.com/#@repo"
+    @branch             = branch || 'master'
+    @git_data_trees     = "#{GIT_DATA}/#{@repo}/git/trees"
+    @git_raw_src        = "#{GIT_RAW}/#{@repo}/#{@branch}/src"
+    @branch_sha         = get_tree_sha
+    @less_paths         = ['collections', 'elements', 'views', 'modules']
+    @js_paths           = ['modules', 'behavior']
+    @fonts_images_paths = ['fonts', 'images']
+    @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
@@ -25,64 +40,48 @@ class Converter
 
   def process_stylesheets_assets
     main_content = ''
-     get_less_paths.each do |path, sha|
+     semantic_ui_less_paths.each do |path, sha|
       content = ''
-      get_less_files(sha).each do |name|
+      semantic_ui_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";
+        file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
+        file = convert(file)
+        save_file(name, file, path)
+        content += "@import '#{file_name}';\n"
       end
+      save_file('all', content, path)
+      main_content += "@import 'semantic-ui/#{path}/all';\n";
     end
-    file = "app/assets/stylesheets/semantic-ui.scss"
-    f = File.open(file, "w+")
-    f.write(main_content)
-    f.close
+    File.open("app/assets/stylesheets/semantic-ui.scss", "w+") { |file| file.write(main_content) }
   end
 
   def process_javascript_assets
-     get_less_paths.each do |path, sha|
-      content = ''
-      get_less_files(sha).each do |name|
+    content = ''
+     semantic_ui_js_paths.each do |path, sha|
+      semantic_ui_js_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')
+        if path == 'modules'
+          file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
+          save_file(name, file, nil, 'js')
           content += "//= require semantic-ui/#{file_name}\n"
+        else
+          file = open_git_file("#{@git_raw_src}/modules/behavior/#{name}")
+          save_file(name, file, 'behavior', 'js')
+          content += "//= require semantic-ui/behavior/#{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
+    File.open("app/assets/javascripts/semantic-ui.js", "w+") { |file| file.write(content) }
   end
 
   def process_images_and_fonts_assets
-     get_less_paths.each do |path, sha|
-
-      get_less_files(sha).each do |name|
+     semantic_ui_fonts_images_paths.each do |path, sha|
+      semantic_ui_fonts_images_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
+        file = open_git_file("#{@git_raw_src}/#{path}/#{name}")
+        save_file(name, file, nil, path)
       end
     end
-
   end
 
 
@@ -91,21 +90,41 @@ 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 = get_json("#{@git_data_trees}/#{@branch}")
     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']] }
+  def semantic_ui_less_paths
+    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
+    paths['tree'].select{|f| f['type'] == 'tree' && @less_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
+  end
+
+  def semantic_ui_less_files(sha)
+   files = get_json("#{@git_data_trees}/#{sha}")
+   files['tree'].select{|f| f['type'] == 'blob' && f['path'] =~ /\.less$/ }.map{|f| f['path'] }
+  end
+
+  def semantic_ui_js_paths
+    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
+    paths = paths['tree'].select{|f| f['type'] == 'tree' && @js_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
+    behavior_paths = get_json("#{@git_data_trees}/#{paths[0][1]}")
+    behavior_paths = behavior_paths['tree'].select{|f| f['type'] == 'tree' && f['path'] == 'behavior' }.map{|f| [f['path'], f['sha']] }
+    js_paths = paths + behavior_paths
   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'] }
+  def semantic_ui_js_files(sha)
+   files = get_json("#{@git_data_trees}/#{sha}")
+   files['tree'].select{|f| f['type'] == 'blob' && f['path'] =~ /\.js$/ }.map{|f| f['path'] }
+  end
+
+  def semantic_ui_fonts_images_paths
+    paths = get_json("#{@git_data_trees}/#{get_tree_sha}")
+    paths['tree'].select{|f| f['type'] == 'tree' && @fonts_images_paths.include?(f['path']) }.map{|f| [f['path'], f['sha']] }
+  end
+
+  def semantic_ui_fonts_images_files(sha)
+   files = get_json("#{@git_data_trees}/#{sha}")
+   files['tree'].select{|f| f['type'] == 'blob'}.map{|f| f['path'] }
   end
 
 
@@ -138,17 +157,18 @@ private
       name = name.gsub(/\.less/, '')
       file = "#{@save_at[:scss]}/#{path}/_#{name}.scss"
     when 'js', 'images', 'fonts'
-      name = name
-      file = "#{@save_at[type.to_sym]}/#{name}"
+      file = (path.nil? ? "#{@save_at[type.to_sym]}/#{name}" : "#{@save_at[type.to_sym]}/#{path}/#{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"
+    FileUtils.mkdir_p(dir) unless File.directory?(file)
+    File.open(file, 'w+') { |f| f.write(content) }
+    puts "Saved #{name} at #{path}\n"
+  end
+
+  def get_json(url)
+    url += "?access_token=#{TOKEN}" unless TOKEN.nil?
+    data = open_git_file(url)
+    data = JSON.parse data
   end
 
   def store_version
@@ -232,6 +252,4 @@ private
     scss.gsub(/^(\$.+);$/, '\1 !default;')
   end
 
-end
-
-Converter.new.process
+end

data/templates/project/manifest.rb

@@ -0,0 +1,29 @@
+description "Semantic UI for Sass"
+
+# Stylesheet importing semantic
+stylesheet 'styles.scss'
+
+# Other Semantic UI assets
+basedir = '../../app/assets'
+image_dir = "#{basedir}/images/semantic-ui"
+javascript_dir = ["#{basedir}/javascripts/semantic-ui", "#{basedir}/javascripts/semantic-ui/behavior"]
+font_dir = "#{basedir}/fonts/semantic-ui"
+
+
+Dir[File.join(File.dirname(__FILE__), image_dir, '*.gif')].each do |file|
+  filename = File.basename(file)
+  image "#{image_dir}/#{filename}", to: "semantic-ui/#{filename}"
+end
+
+javascript_dir.each do |dir|
+  Dir[File.join(File.dirname(__FILE__), dir, '*.js')].each do |file|
+    filename = File.basename(file)
+    to_path = dir.include?('behavior') ? "semantic-ui/behavior/#{filename}" : "semantic-ui/#{filename}"
+    javascript "#{dir}/#{filename}", to: to_path
+  end
+end
+
+Dir[File.join(File.dirname(__FILE__), font_dir, '*')].each do |file|
+  filename = File.basename(file)
+  font "#{font_dir}/#{filename}", to: "semantic-ui/#{filename}"
+end

data/templates/project/styles.scss

@@ -0,0 +1 @@
+@import 'semantic-ui';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - doabit
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-10-09 00:00:00.000000000 Z
+date: 2013-10-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -52,6 +52,48 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: pry
+  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: dotenv
+  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'
 description: Semantic UI, converted to Sass and ready to drop into Rails.
 email:
 - doinsist@gmail.com
@@ -60,6 +102,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
+- CHANGELOG.md
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -145,11 +188,13 @@ files:
 - 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.rb
 - lib/semantic/ui/sass/engine.rb
 - lib/semantic/ui/sass/version.rb
 - semantic-ui-sass.gemspec
 - tasks/converter.rb
+- templates/project/manifest.rb
+- templates/project/styles.scss
 homepage: http://github.com/doabit/semantic-ui-sass
 licenses:
 - MIT

data/lib/semantic/ui/sass.rb

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