html5-rails 0.0.2 → 0.0.3

data/Gemfile

@@ -2,25 +2,28 @@ source 'http://rubygems.org'
 
 gemspec
 
-gem 'rails', '3.1.0.rc5'
+gem 'rails', '3.1.3'
 
 # Bundle edge Rails instead:
-# gem 'rails',     :git => 'git://github.com/rails/rails.git'
+# gem 'rails', :git => 'git://github.com/rails/rails.git'
 
 gem 'sqlite3'
 
-
 # Gems used only for assets and not required
 # in production environments by default.
 group :assets do
-  gem 'sass-rails', '~> 3.1.0.rc'
-  gem 'coffee-rails', '~> 3.1.0.rc'
-  gem 'uglifier'
-  gem 'compass', :git => 'https://github.com/chriseppstein/compass.git', :branch => 'rails31'
-  gem 'compass-html5', :git => 'git://github.com/sporkd/compass-html5.git'
+  gem 'sass-rails',   '~> 3.1.5'
+  gem 'coffee-rails', '~> 3.1.1'
+  gem 'uglifier', '>= 1.0.3'
+  gem 'compass', '0.12.alpha.4'
+  gem 'compass-h5bp', :path => '../compass-h5bp'
 end
 
 gem 'jquery-rails'
+gem 'haml-rails'
+
+# To use ActiveModel has_secure_password
+# gem 'bcrypt-ruby', '~> 3.0.0'
 
 # Use unicorn as the web server
 # gem 'unicorn'
@@ -31,10 +34,8 @@ gem 'jquery-rails'
 # To use debugger
 # gem 'ruby-debug19', :require => 'ruby-debug'
 
-gem 'capybara'
-gem 'haml', :git => 'git://github.com/nex3/haml.git'
-
 group :test do
   # Pretty printed test output
-  gem 'turn', :require => false
+  gem 'turn', '0.8.2', :require => false
+  gem 'capybara'
 end

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) Peter Gumeson
+
+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

@@ -1,6 +1,61 @@
-Html5 Rails
+Html5 for Rails
 =========================
 
-Rewrite of compass-html5-boilerplate that decouples the compass CSS library and adds Rails asset pipeline integration.
+Sensible Html5 defaults for Rails projects based on [Html5 Boilerplate](http://html5boilerplate.com)
+by Paul Irish, Divya Manian and many other [fine folks](https://github.com/h5bp/html5-boilerplate/contributors).
 
-(More soon)
+(A rewrite of compass-html5-boilerplate that decouples the compass CSS library and adds Rails asset pipeline integration).
+
+Installation
+=========================
+
+We're a bit light on documentation right now, but this should get you going...
+
+In your Gemfile
+
+```ruby
+group :assets do
+  gem 'sass-rails'
+  gem 'coffee-rails'
+  gem 'uglifier'
+  gem 'compass', '0.12.alpha.4'
+  gem 'compass-h5bp'
+end
+
+gem 'haml-rails' #(Optional) to use haml
+
+gem 'jquery-rails'
+gem 'html5-rails', :git => 'git://github.com/sporkd/html5-rails.git'
+```
+
+Install
+
+```
+$ bundle install
+```
+
+Run generator
+
+```
+$ rails generate html5:install
+```
+
+Notes
+---------------
+
+[1] If you use `--template-engine=haml` (or `haml-rails`), the install
+generator will remove your application.html.erb layout and generate
+application.html.haml.
+
+[2] If you're upgrading from compass-html5-boilerplate you may need to
+remove config/compass.rb before you can run the generators.
+
+[3] I'm still organizing stuff to be as flexible as possible, so some
+paths might change. Just make sure you re-run generators when upgrading.
+
+
+License
+========
+
+Copyright (c) 2010-2012 Peter Gumeson.
+See [LICENSE](https://github.com/sporkd/html5-rails/blob/master/LICENSE) for full license.

data/app/assets/javascripts/application.js

@@ -1 +1,9 @@
-//= require html5/boilerplate
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require h5bp

data/app/assets/javascripts/polyfills.js

@@ -1 +1,9 @@
-//= require html5/boilerplate/polyfills
+// This manifest is for javascript polyfills that will get included
+// in the head section of your layouts.
+//
+// polyfill (n): a JavaScript shim that replicates the standard API for older browsers.
+//
+// Html5 Boilerplate polyfills
+//= require modernizr.min
+//
+// Add your own polyfills below

data/app/views/application/_flashes.html.erb

@@ -0,0 +1,9 @@
+<div id="flash">
+  <% flash.each do |key, value| %>
+    <div class="wrapper">
+      <div title="<%= key.to_s.humanize %>" class="<%= key %>">
+        <p><%= value %></p>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/application/_footer.html.erb

@@ -0,0 +1,5 @@
+<footer id="footer">
+  <small class="copyright">
+    Dummy, Copyright &copy; <%= Date.today.year %>
+  </small>
+</footer>

data/app/views/application/_head.html.erb

@@ -0,0 +1,25 @@
+<head>
+  <meta charset='utf-8'>
+
+  <%# Use the .htaccess and remove these lines to avoid edge case issues. %>
+  <%# More info: h5bp.com/b/378 %>
+  <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
+
+  <title></title>
+  <meta content='' name='description'>
+  <meta content='' name='author'>
+
+  <%# Mobile viewport optimized: h5bp.com/viewport %>
+  <meta content='width=device-width,initial-scale=1' name='viewport'>
+
+  <%= render "stylesheets" %>
+
+  <%# More ideas for your <head> here: h5bp.com/d/head-Tips %>
+
+  <%# All JavaScript at the bottom, except this Modernizr build incl. Respond.js %>
+  <%# Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects; %>
+  <%# for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/ %>
+  <%= javascript_include_tag "polyfills" %>
+
+  <%= csrf_meta_tag %>
+</head>

data/app/views/application/_header.html.erb

@@ -0,0 +1,3 @@
+<header id="header">
+  <h1>Dummy</h1>
+</header>

data/app/views/application/_javascripts.html.erb

@@ -0,0 +1,24 @@
+<%= javascript_include_tag "application" %>
+
+<%# Append your own using content_for :javascripts %>
+<%= yield :javascripts %>
+
+<%# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet %>
+<%# Looks for google_account_id first in ENV['GOOGLE_ACCOUNT_ID'] then in config/html5_rails.yml %>
+<% if !google_account_id.blank? %>
+  <script>
+    //<![CDATA[
+      var _gaq=[['_setAccount','<%= google_account_id %>'],['_trackPageview']];
+      (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+      g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
+      s.parentNode.insertBefore(g,s)}(document,'script'));
+    //]]>
+  </script>
+<% end %>
+
+<%# Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. %>
+<%# chromium.org/developers/how-tos/chrome-frame-getting-started %>
+<!--[if lt IE 7 ]>
+  <script defer src='//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js'></script>
+  <script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
+<![endif]-->

data/app/views/application/_stylesheets.html.erb

@@ -0,0 +1,4 @@
+<%= stylesheet_link_tag 'application', :media => nil %>
+
+<%# Append your own using content_for :stylesheets %>
+<%= yield :stylesheets %>

data/app/views/layouts/application.html.erb

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<%# http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither %>
+<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7 no-js" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="lt-ie9 lt-ie8 no-js" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="lt-ie9 no-js" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html class='no-js' lang='en'>
+  <!--<![endif]-->
+
+  <%= render "head" %>
+
+  <body class='pages'>
+    <%= render "header" %>
+
+    <div id='main' role='main'>
+      <%= render "flashes" %>
+      <%= yield %>
+    </div>
+
+    <%= render "footer" %>
+
+    <%# Javascript at the bottom for fast page loading %>
+    <%= render "javascripts" %>
+  </body>
+</html>

data/html5-rails.gemspec

@@ -9,15 +9,17 @@ Gem::Specification.new do |s|
   s.authors     = ["Peter Gumeson"]
   s.email       = ["gumeson@gmail.com"]
   s.homepage    = "http://rubygems.org/gems/html5-rails"
-  s.summary     = %q{Rails support for the compass-html5 gem.}
+  s.summary     = %q{ Rails support for the compass-h5bp gem }
   s.description = %q{}
 
   s.rubyforge_project = "html5-rails"
 
-  s.add_dependency "compass-html5", "~> 0.0.1"
+  s.add_dependency "jquery-rails",  "~> 1.0.19"
   s.add_dependency "railties",      "~> 3.1.0"
   s.add_dependency "thor",          "~> 0.14"
 
+  s.add_development_dependency "compass-h5bp", "~> 0.0.1"
+
   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) }

data/lib/generators/html5/assets/USAGE

@@ -0,0 +1,11 @@
+Description:
+    Generates CSS assets with compass imports and partials.
+
+Example:
+    rails generate html5:assets admin
+
+    This will create:
+        app/assets/stylesheets/admin.css.scss
+        app/assets/stylesheets/_defaults.css.scss
+        app/assets/stylesheets/admin/document.css.scss
+        app/assets/stylesheets/admin/media_queries.css.scss

data/lib/generators/html5/assets/assets_generator.rb

@@ -0,0 +1,63 @@
+require "generators/html5/generator_helpers"
+
+module Html5
+  module Generators
+    class AssetsGenerator < ::Rails::Generators::NamedBase
+      include Html5::Generators::GeneratorHelpers
+
+      source_root File.expand_path('../templates', __FILE__)
+
+      argument :name, :type => :string,
+                      :required => false,
+                      :default => "application"
+
+      def generate_javascripts
+        asset_path = "app/assets/javascripts/#{ asset_name }.js"
+        if File.exist?(asset_path) && File.read(asset_path) =~ /require jquery_ujs$/
+          inject_into_file asset_path, :after => "require jquery_ujs" do
+            "\n//= require h5bp"
+          end
+          gsub_file asset_path, /^\/\/= require_tree \.(\\n)?/, ""
+        else
+          template "javascripts/application.js", asset_path
+        end
+        template "javascripts/polyfills.js", "app/assets/javascripts/polyfills.js"
+      end
+
+      def generate_stylesheets
+        if file_path == "application"
+          remove_file "app/assets/stylesheets/application.css"
+        end
+
+        file_ext = ".css.scss"
+        copy_file "stylesheets/_defaults#{ file_ext }", "app/assets/stylesheets/_defaults#{ file_ext }"
+        template "stylesheets/application#{ file_ext }", File.join("app/assets/stylesheets", asset_name + file_ext)
+      end
+
+      def generate_stylesheet_partials
+        if stylesheet_partials.any?
+          empty_directory File.join("app/assets/stylesheets", asset_name)
+        end
+
+        file_ext = ".css.scss"
+        stylesheet_partials.each do |partial|
+          template File.join("stylesheets/application", partial + file_ext), File.join("app/assets/stylesheets", asset_name, partial + file_ext)
+        end
+      end
+
+      # TODO
+      # def add_precompiles
+      # end
+
+    protected
+
+      def asset_name
+        (class_path + [file_name]).join('_')
+      end
+
+      def stylesheet_partials
+        %w(_defaults document media_queries)
+      end
+    end
+  end
+end

data/lib/generators/html5/assets/templates/javascripts/application.js

@@ -0,0 +1,9 @@
+// This is a manifest file that'll be compiled into including all the files listed below.
+// Add new JavaScript/Coffee code in separate files in this directory and they'll automatically
+// be included in the compiled file accessible from http://example.com/assets/application.js
+// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
+// the compiled file.
+//
+//= require jquery
+//= require jquery_ujs
+//= require h5bp

data/lib/generators/html5/assets/templates/javascripts/polyfills.js

@@ -0,0 +1,10 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+//
+// This is a manifest for javascript polyfills that will be included
+// in the head section of your layouts.
+//
+// polyfill (n): a JavaScript shim that replicates the standard API for older browsers.
+//
+//= require modernizr.min

data/lib/generators/html5/assets/templates/stylesheets/_defaults.css.scss

@@ -0,0 +1,18 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+//
+// These global SCSS(SASS) variables will be
+// available to all your stylesheets.
+
+//----------------------------------------------
+// Html5 Boilerplate overrides
+//----------------------------------------------
+$line-height: 1.4;  // 1.4 for true normalization
+$font-color: #222;
+$link-color: #00e;
+$link-hover-color: #06e;
+$link-visited-color: #551a8b;
+$selected-font-color: #fff;
+$selected-background-color: #ff5e99;
+$invalid-background-color: #f0dddd;

data/lib/generators/html5/assets/templates/stylesheets/application.css.scss

@@ -0,0 +1,42 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+
+//-----------------------------------------
+// Define some variables first
+//-----------------------------------------
+@import "defaults";
+@import "<%= file_path %>/defaults";
+
+//-----------------------------------------
+// Compass libraries and extensions
+//-----------------------------------------
+// @import "compass/**/*";
+@import "h5bp";
+
+//-----------------------------------------
+// Html5 Boilerplate normalize.css
+//-----------------------------------------
+@include h5bp-normalize;
+
+//-----------------------------------------
+// Import all your custom partials below
+//-----------------------------------------
+@import "<%= file_path %>/document";
+
+
+
+//-----------------------------------------
+// Your media queries come last
+//-----------------------------------------
+@import "<%= file_path %>/media_queries";
+
+//-----------------------------------------
+// Html5 Boilerplate helpers
+//-----------------------------------------
+@include h5bp-helpers;
+
+//-----------------------------------------
+// Html5 Boilerplate media
+//-----------------------------------------
+@include h5bp-media;