roots-rails 0.0.1.alpha → 1.0.0

data/.gitignore

@@ -1,5 +1,4 @@
 *.gem
 .bundle
-Gemfile.lock
 pkg/*
 .DS_Store

data/lib/generators/roots/install_generator.rb

@@ -1,34 +1,50 @@
-
 module Roots
   module Generators
     class InstallGenerator < Rails::Generators::Base
-      desc "Loads sass framework, replaces layout, removes public/index.html"
+      desc "Installs the roots-rails system"
       source_root File.expand_path('../../templates', __FILE__)
 
       def replace_layout
         remove_file "app/views/layouts/application.html.erb"
-        copy_file "layouts/layout.html.haml", "app/views/layouts/application.html.haml"
-        copy_file "layouts/config.html.haml", "app/views/layouts/_config.html.haml"
+        copy_file "layouts/layout.html.slim", "app/views/layouts/application.html.slim"
       end
 
       def replace_application_css
         remove_file "app/assets/stylesheets/application.css"
-        copy_file "layouts/application.sass", "app/assets/stylesheets/application.sass"
+        copy_file "layouts/application.css.styl", "app/assets/stylesheets/application.css.styl"
+        copy_file "layouts/_settings.styl", "app/assets/stylesheets/_settings.styl"
       end
 
       def install_dependencies
-        copy_file "scripts/selectivizr.js", "vendor/assets/javascripts/selectivizr.js"
-        copy_file "scripts/pie.htc", "vendor/assets/javascripts/pie.htc"
+        empty_directory 'public/js'
+        empty_directory 'public/img'
+        copy_file "pie.htc", "public/js/pie.htc"
         remove_file "public/favicon.ico"
         copy_file "favicon.ico", "public/favicon.ico"
-        directory "images", "public/roots"
-        copy_file "noise.png", "app/assets/images/noise.png"
+        copy_file "noise.png", "public/img/noise.png"
+      end
+
+      def add_gems
+        append_to_file "Gemfile", "\ngem 'slim'"
+        append_to_file "Gemfile", "\ngem 'stylus', group: :assets"
+        run 'bundle'
+      end
+
+      # note: it's possible to stream from the npm registry with ruby and eliminate
+      # this dependency on node (https://github.com/railsjedi/ruby-stylus-source/blob/master/Rakefile#L23)
+      def install_roots_css_library
+        empty_directory 'node_modules'
+        run 'npm install roots-css'
+      end
+
+      def add_stylus_initializer
+        create_file 'config/initializers/roots.rb'
+        append_file 'config/initializers/roots.rb', "Stylus.use 'roots-css'"
       end
 
-      def remove_defaults
+      def remove_defaults_and_complete
         remove_file "app/assets/rails.png"
-        remove_file "public/index.html"
-        say "\nComplete! Make sure to visit these two files to configure things: \n  - app/views/layouts/config.html.haml\n  - app/assets/stylesheets/application.sass\n\n", "\e[32m"
+        say "\nComplete! Make sure to visit these two files to configure things: \n  - app/views/layouts/config.html.slim\n  - app/assets/stylesheets/application.css.styl\n\n", "\e[32m"
       end
 
     end

data/lib/generators/templates/layouts/_settings.styl

@@ -0,0 +1,40 @@
+// -------------------------------------------------------
+// Roots global settings variables
+// -------------------------------------------------------
+
+// font options (add your own!)
+helvetica-neue = "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif
+helvetica = "Helvetica Neue", Helvetica, Arial, sans-serif
+georgia = Georgia, Cambria, "Times New Roman", Times, serif
+lucidia-grande = "Lucida Grande", Tahoma, Verdana, Arial, sans-serif
+monospace = unquote("'Bitstream Vera Sans Mono', Consolas, Courier, monospace")
+verdana = Verdana, Geneva, sans-serif
+
+// default font stack
+font-stack = helvetica-neue
+font-size = 15
+font-color = #555
+
+// colors
+red = #B44326
+orange = #F2A34F
+yellow = #F8CA5C
+green = #7FC028
+light-blue = #52D7FE
+blue = #00a6fc
+purple = #8E48C2
+white = #fff
+black = #272727
+
+// default color
+default = blue
+
+// text hilight color
+hilight-color = blue
+
+// vendor prefixes
+vendors = webkit moz o ms official
+
+// progressive internet explorer
+pie-enabled = false
+ie-support = false

data/lib/generators/templates/layouts/application.css.styl

@@ -0,0 +1,13 @@
+// This is roots' version of the application file. You will have to
+// manually load each stylsheet that you want to use here (this is a
+// best practice anyway, gives you control over what's included and in
+// what order). Just use an @import directive like is done below.
+
+@import "_settings"
+
+// normalize.css - strongly recommended
+normalize()
+
+// ---------------------------------------------------
+// @import your stylsheets here (.styl extension only)
+// ---------------------------------------------------

data/lib/generators/templates/layouts/layout.html.slim

@@ -0,0 +1,26 @@
+doctype html
+html
+  head
+    title your page title
+    meta name='description' content='description of the site'
+    meta name='author' content='author of the site'
+
+    meta property='og:title' content='title'
+    meta property='og:description' content='description'
+    meta property='og:image' content='preview.jpg'
+    meta property='og:url' content='http://example.com'
+    meta property='og:type' content='website'
+
+    = stylesheet_link_tag 'application'
+    = csrf_meta_tags
+
+    / uncomment if this is a mobile site
+    / meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0'
+
+  body
+    = yield
+
+  /[if (gte IE6)&(lte IE8)]
+    = javascript_include_tag 'selectivizr.js'
+
+  = javascript_include_tag 'application'

data/lib/roots/version.rb

@@ -1,4 +1,4 @@
 
 module Roots
-  VERSION = '0.0.1.alpha'
+  VERSION = '1.0.0'
 end

data/readme.md

@@ -1,23 +1,15 @@
-Roots-Rails
-===========
+Roots Rails
+-----------
 
 This gem can be used to bootstrap your rails app with the roots sass framework, layout, and assets.
 
 ### Setup
 
-To add roots to your application, just add `gem 'roots-rails'` under the assets group in your Gemfile. Make sure that you also add `gem 'haml'` if you have not already, as the roots layout files are haml (could be ported to erb as well if there's demand). Then run `bundle` and the framework will be available to you using `@import roots`.
+To add roots to your application, run `rails g roots:install` and I'll set up your app to work great with the roots css framework and templating languages. This command is destructive particularly to your main layout file and application.css file, so it's recommended that you run it at the beginning of your project or back up those two files beforehand.
 
-It is **strongly recommended** that you use the roots install generator as well, which sets up the layout, images, icons, and older browser fixes.
+The roots css  library will be automatically included in any stylus file you use. If you would like to jump in and edit the source directly, you can easily override any of the files in your asset pipeline. Check out the [roots-css repo](http://github.com/jenius/roots-css) to dive into the structure. Documentation for the css library will be available very soon.
 
-### Generators
-
-Situation: you just made a new rails application and you want to bootstrap it with roots. We've got a generator for that. Just hit the command below, which will replace the default layout, remove the default rails assets, and add in roots' sass framework, layouts, icons, and legacy browser fixes.
-
-    rails g roots:install
-
-If you would like to jump in and edit the source directly, you can generate the framework so that it shows up in your asset pipeline. Just run
-
-    rails g roots:framework
+Currently, this gem also **depends on node.js** and npm, but this will be phased out in the future. Just makes life easier for the first release.
 
 ### Feedback
 

data/roots-rails.gemspec

@@ -9,20 +9,12 @@ Gem::Specification.new do |s|
   s.authors     = ["Jeff Escalante"]
   s.email       = ["jeff.escalante@carrotcreative.com"]
   s.homepage    = "http://roots.carrotbeta.com"
-  s.summary     = %q{Injects roots sass framework, layouts, and assets into your rails app}
-  s.description = %q{Injects roots sass framework, layouts, and assets into your rails app}
+  s.summary     = %q{Injects roots css framework, layouts, and assets into your rails app}
+  s.description = %q{Injects roots css framework, layouts, and assets into your rails app}
 
   s.files         = `git ls-files`.split("\n")
   s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
   s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths = ["lib"]
 
-  # testing
-  s.add_development_dependency "rspec"
-
-  # dependencies
-  s.add_dependency('haml')
-  s.add_dependency('coffee-script')
-  s.add_dependency('rdiscount')
-
 end

metadata

@@ -1,61 +1,17 @@
 --- !ruby/object:Gem::Specification
 name: roots-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.1.alpha
-  prerelease: 6
+  version: 1.0.0
+  prerelease: 
 platform: ruby
 authors:
 - Jeff Escalante
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-03-28 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
-  name: rspec
-  requirement: &70305630226660 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
-  prerelease: false
-  version_requirements: *70305630226660
-- !ruby/object:Gem::Dependency
-  name: haml
-  requirement: &70305630252740 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: *70305630252740
-- !ruby/object:Gem::Dependency
-  name: coffee-script
-  requirement: &70305630252180 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: *70305630252180
-- !ruby/object:Gem::Dependency
-  name: rdiscount
-  requirement: &70305630251180 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: *70305630251180
-description: Injects roots sass framework, layouts, and assets into your rails app
+date: 2012-12-03 00:00:00.000000000 Z
+dependencies: []
+description: Injects roots css framework, layouts, and assets into your rails app
 email:
 - jeff.escalante@carrotcreative.com
 executables: []
@@ -63,48 +19,18 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
-- Gemfile
-- lib/generators/roots/framework_generator.rb
 - lib/generators/roots/install_generator.rb
 - lib/generators/templates/favicon.ico
-- lib/generators/templates/images/apple-touch-icon-114x114.png
-- lib/generators/templates/images/apple-touch-icon-72x72.png
-- lib/generators/templates/images/apple-touch-icon.png
-- lib/generators/templates/images/preview.png
-- lib/generators/templates/layouts/application.sass
-- lib/generators/templates/layouts/config.html.haml
-- lib/generators/templates/layouts/layout.html.haml
+- lib/generators/templates/layouts/_settings.styl
+- lib/generators/templates/layouts/application.css.styl
+- lib/generators/templates/layouts/layout.html.slim
 - lib/generators/templates/noise.png
-- lib/generators/templates/sass/modules/_animation.sass
-- lib/generators/templates/sass/modules/_buttons.sass
-- lib/generators/templates/sass/modules/_code.sass
-- lib/generators/templates/sass/modules/_forms.sass
-- lib/generators/templates/sass/modules/_interaction.sass
-- lib/generators/templates/sass/modules/_reset.sass
-- lib/generators/templates/sass/modules/_tables.sass
-- lib/generators/templates/sass/modules/_typography.sass
-- lib/generators/templates/sass/modules/_ui.sass
-- lib/generators/templates/sass/modules/_utilities.sass
-- lib/generators/templates/sass/roots.sass
-- lib/generators/templates/scripts/pie.htc
-- lib/generators/templates/scripts/selectivizr.js
+- lib/generators/templates/pie.htc
 - lib/roots.rb
 - lib/roots/engine.rb
 - lib/roots/version.rb
 - readme.md
 - roots-rails.gemspec
-- vendor/assets/stylesheets/modules/_animation.sass
-- vendor/assets/stylesheets/modules/_buttons.sass
-- vendor/assets/stylesheets/modules/_code.sass
-- vendor/assets/stylesheets/modules/_fluid.sass
-- vendor/assets/stylesheets/modules/_forms.sass
-- vendor/assets/stylesheets/modules/_interaction.sass
-- vendor/assets/stylesheets/modules/_reset.sass
-- vendor/assets/stylesheets/modules/_tables.sass
-- vendor/assets/stylesheets/modules/_typography.sass
-- vendor/assets/stylesheets/modules/_ui.sass
-- vendor/assets/stylesheets/modules/_utilities.sass
-- vendor/assets/stylesheets/roots.sass
 homepage: http://roots.carrotbeta.com
 licenses: []
 post_install_message: 
@@ -120,13 +46,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
-  - - ! '>'
+  - - ! '>='
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.11
+rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
-summary: Injects roots sass framework, layouts, and assets into your rails app
+summary: Injects roots css framework, layouts, and assets into your rails app
 test_files: []

data/Gemfile

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

data/lib/generators/roots/framework_generator.rb

@@ -1,28 +0,0 @@
-
-module Roots
-  module Generators
-    class FrameworkGenerator < Rails::Generators::Base
-      desc "Places roots in your asset pipeline so you can edit it"
-      source_root File.expand_path('../../templates', __FILE__)
-
-      def generate
-        say_notice = false
-
-        if yes? "This will replace your application.css file - is this ok / have you backed it up? [y/n]", "\e[31m"
-
-          if File.exist? "app/assets/stylesheets/application.css"
-            remove_file "app/assets/stylesheets/application.css"
-            copy_file "layouts/application.sass", "app/assets/stylesheets/application.sass"
-            say_notice = true
-          end
-          
-          directory "sass", "app/assets/stylesheets"
-        end
-        
-        say "\nComplete! Make sure to visit application.sass to configure.\n\n", "\e[32m" if say_notice
-
-      end
-
-    end
-  end
-end

data/lib/generators/templates/layouts/application.sass

@@ -1,23 +0,0 @@
-// This is roots' version of the application file. You will have to
-// manually load each stylsheet that you want to use here (this is a
-// best practice anyway, gives you control over what's included and in
-// what order). Just use an @import directive like is done below.
-
-@import "roots"
-
-// Uncomment only one of these - first one removes all default browser styles
-// and the second is a port of normalize.css (http://necolas.github.com/normalize.css/)
-
-// +global-reset
-// +normalize
-
-// If you uncomment this line, it will load roots styles on to default elements, much
-// like a traditional css framework. If you don't want to replace everything, it can
-// be broken down into many sub-mixins, which can be found in the file _roots.sass.
-// It is *strongly recommended* to at very least use +base.
-
-// +framework
-
-// ------------------------------
-// @import your stylsheets here
-// ------------------------------

data/lib/generators/templates/layouts/config.html.haml

@@ -1,57 +0,0 @@
-%meta{ :charset => 'utf8' }
-%meta{ 'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge, chrome=1' }
-
--# -----------------------------------------------------
--#  CONFIGURATION: This is important stuff, do it first!
--# -----------------------------------------------------
-
-- title = "Your page title here"
-- author = "Your name or company name"
-- description = "Short description of your site"
-- url = "http://example.com"
-- preview_image = "/roots/preview.png" # 75x75 square. if you really can't, pass false
-
-- favicons = true # see section below for size details
-- facebook_tags = true
-- mobile_site = false
-- ie_app = true
-
--# -----------------------------------------------------
-
-%title= title
-%meta{ :name => 'description', :content => "#{description}" }
-%meta{ :name => 'author', :content => "#{author}"  }
-
-- if favicons
-  -# 16x16, .ico
-  %link{ :rel => "shortcut icon", :href => "/favicon.ico" }
-  -# 57x57, .png
-  %link{ :rel => "apple-touch-icon", :href => "/roots/apple-touch-icon.png" }
-  -# 72x72, .png
-  %link{ :rel => "apple-touch-icon", :sizes => "72x72", :href => "/roots/apple-touch-icon-72x72.png" }
-  -# 114x114, .png
-  %link{ :rel => "apple-touch-icon", :sizes => "114x114", :href => "/roots/apple-touch-icon-114x114.png" }
-
-- if facebook_tags
-  %meta{ property: 'og:title', content: "#{title}"}
-  %meta{ property: 'og:description', content: "#{description}"}
-  %meta{ property: 'og:image', content: "#{preview_image}"}
-  %meta{ property: 'og:url', content: "#{url}" }
-  -# more than just a website? Docs @ http://developers.facebook.com/docs/opengraph/objects/builtin/
-  %meta{ property: 'og:type', content: 'website' }
-
-- if mobile_site
-  %meta{ :name => 'viewport', :content => 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' }
-
-- if ie_app
-  -# You can get more detailed with this if you want. Docs @ http://msdn.microsoft.com/en-us/library/gg131029.aspx
-  %meta{ name: "application-name", content: "#{title}" }
-  %meta{ name: "msapplication-starturl", content: "#{url}" }
-  -# by all means, change this color
-  %meta{ name: "msapplication-navbutton-color", content: "#E88F4E" }
-
--# ---------------------------------------------------------------------------
--#  Any other stuff you need in the head goes here! (fonts, stylesheets, etc.)
--# ---------------------------------------------------------------------------
--# NOTE: Script loads are blocking. It's recommended to load javascript at the bottom
--# of the page unless it's something like a webfont.