html5-rails 0.0.2 → 0.0.3

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

@@ -0,0 +1,7 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+//
+// These SCSS(SASS) variables will only be available
+// to <%= file_path %> stylesheets.
+

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

@@ -0,0 +1,9 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+
+//-----------------------------------------
+// Document styles
+//-----------------------------------------
+html {}
+body {}

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

@@ -0,0 +1,17 @@
+// This file was generated by html5-rails
+// https://github.com/sporkd/html5-rails
+// Upgrade with: $ rails generate html5:install
+//
+// PLACEHOLDER Media Queries for Responsive Design.
+// These override the primary ('mobile first') styles
+// Modify as content requires.
+
+@media only screen and (min-width: 480px) {
+  // Style adjustments for viewports 480px and over go here
+
+}
+
+@media only screen and (min-width: 768px) {
+  // Style adjustments for viewports 768px and over go here
+
+}

data/lib/generators/html5/generator_helpers.rb

@@ -0,0 +1,37 @@
+module Html5
+  module Generators
+    module GeneratorHelpers
+
+      def application_name
+        if defined?(::Rails) && ::Rails.application
+          ::Rails.application.class.name.split('::').first
+        else
+          "application"
+        end
+      end
+
+      def application_title
+        if defined?(::Rails) && ::Rails.application
+          ::Rails.application.class.name.split('::').first.titleize
+        else
+          "My App"
+        end
+      end
+
+    protected
+
+      def format
+        :html
+      end
+
+      def handler
+        # Rails.configuration.generators.rails[:template_engine] ||
+        options[:template_engine] || :erb
+      end
+
+      def filename_with_extensions(name)
+        [name, format, handler].compact.join(".")
+      end
+    end
+  end
+end

data/lib/generators/html5/install/USAGE

@@ -6,3 +6,4 @@ Example:
 
     This will create:
         config/compass.rb
+        config/html5_rails.yml

data/lib/generators/html5/install/install_generator.rb

@@ -1,17 +1,32 @@
+require "generators/html5/generator_helpers"
+
 module Html5
   module Generators
     class InstallGenerator < ::Rails::Generators::Base
+      include Html5::Generators::GeneratorHelpers
+
       source_root File.expand_path('../templates', __FILE__)
 
+      class_option :template_engine
+
       # def run_config
       #   inside do
       #     # Needs more work
-      #     run("bundle exec compass config --app rails -r compass-html5 -q")
+      #     run("bundle exec compass config --app rails -r compass-h5bp -q")
       #   end
       # end
 
-      def copy_config
-        copy_file "compass.rb", "config/compass.rb"
+      def copy_configs
+        template "config/compass.rb"
+        template "config/html5_rails.yml"
+      end
+
+      def generate_layout
+        invoke "html5:layout", ["application"], { :minimal_partials => true, :template_engine => options[:template_engine] }
+      end
+
+      def generate_assets
+        invoke "html5:assets", ["application"]
       end
 
       def show_readme

data/lib/generators/html5/install/templates/README

@@ -1,3 +1,11 @@
-README
-==================
+===============================================================================
 
+You are now on html5-rails. Really, that's it for now.
+
+If want to genrate additional layouts, just run:
+$ rails g html5:layout my_new_layout
+
+Or if want to customize your other shared partials:
+$ rails g html5:partial --all
+
+===============================================================================

data/lib/generators/html5/install/templates/{compass.rb → config/compass.rb}

@@ -1,5 +1,5 @@
 # This configuration file works with both the Compass command line tool and within Rails.
-require 'compass/html5'
+require 'compass/h5bp'
 
 # Require any additional compass plugins here.
 

data/lib/generators/html5/install/templates/config/html5_rails.yml

@@ -0,0 +1,26 @@
+# This file stores config values that html5-rails uses
+# to render various code blocks and features.
+# (i.e. Google Analytics)
+#
+# Leaving a value blank will result in that code block
+# or feature not rendering.
+#
+# You can also define any key/value pair in you ENV and
+# it will take precidence over the yml value.
+# e.g. ENV['google_account_id'] || yml[:google_account_id]
+
+defaults: &defaults
+  :google_account_id: ""  # Google Analytics
+  :google_api_key:    ""  # Google APIs
+
+:development:
+  <<: *defaults
+
+:test:
+  <<: *defaults
+
+:staging:
+  <<: *defaults
+
+:production:
+  <<: *defaults

data/lib/generators/html5/layout/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Removes Erb layout and installs a html5-rails Haml layout.
+
+Example:
+    rails generate html5:layout layout_name
+
+    This will create:
+        app/views/layouts/layout_name.html.haml

data/lib/generators/html5/layout/layout_generator.rb

@@ -0,0 +1,44 @@
+require "generators/html5/generator_helpers"
+
+module Html5
+  module Generators
+    class LayoutGenerator < ::Rails::Generators::NamedBase
+      include Html5::Generators::GeneratorHelpers
+
+      source_root File.expand_path('../templates', __FILE__)
+
+      argument :name, :type => :string,
+                      :required => false,
+                      :default => "application"
+
+      class_option :all_partials, :type => :boolean,
+                                  :default => false,
+                                  :desc => "Generate all partials for this layout"
+
+      class_option :minimal_partials, :type => :boolean,
+                                      :default => false,
+                                      :desc => "Generate minimal partials for this layout"
+
+      class_option :template_engine
+
+      def generate_layout
+        if file_path == "application" && options[:template_engine].to_s != "erb"
+          remove_file File.join("app/views/layouts/application.html.erb")
+        end
+        template filename_with_extensions("application"), File.join("app/views/layouts", class_path, filename_with_extensions(file_name))
+      end
+
+      def generate_partials
+        if options.all_partials?
+          invoke "html5:partial", [], { :all => true, :path => file_path,
+                                                      :template_engine => options[:template_engine] }
+        end
+
+        if options.minimal_partials?
+          invoke "html5:partial", [], { :minimal => true, :path => file_path,
+                                                          :template_engine => options[:template_engine] }
+        end
+      end
+    end
+  end
+end

data/lib/generators/html5/layout/templates/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/lib/generators/html5/layout/templates/application.html.haml

@@ -0,0 +1,16 @@
+!!! 5
+-# http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither
+- ie_html :class => "no-js", :lang => "en" do
+  = render "head"
+
+  %body{ :class => "#{ controller.controller_name }" }
+    = render "header"
+
+    #main{ :role => "main" }
+      = render "flashes"
+      = yield
+
+    = render "footer"
+
+    -# Javascript at the bottom for fast page loading
+    = render "javascripts"

data/lib/generators/html5/partial/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Generates a partial
+
+Example:
+    rails generate html5:partial _partial_name
+
+    This will create:
+        app/views/application/_partial_name.html.haml

data/lib/generators/html5/partial/partial_generator.rb

@@ -0,0 +1,77 @@
+require "generators/html5/generator_helpers"
+
+module Html5
+  module Generators
+    class PartialGenerator < ::Rails::Generators::NamedBase
+      include Html5::Generators::GeneratorHelpers
+
+      source_root File.expand_path('../templates', __FILE__)
+
+      argument :name, :type => :string,
+                      :required => false,
+                      :default => ""
+
+      class_option :all, :type => :boolean,
+                         :default => false,
+                         :desc => "Generate all partials"
+
+      class_option :minimal, :type => :boolean,
+                             :default => false,
+                             :desc => "Generate minimal partials (_head, _header, _footer)"
+
+       class_option :path, :type => :string,
+                           :default => nil,
+                           :required => false,
+                           :desc => "resource path to generate partials in"
+
+      class_option :template_engine
+
+      # def validate_name
+      #   if options[:all] || options[:minimal]
+      #     if partials.include?(file_name)
+      #       path = class_path.join("/")
+      #       message = "Argument '#{ file_path }' not allowed with --all or --minimal options."
+      #       message << " Try using '#{ path }' instead." if !path.blank?
+      #       raise Error, message
+      #     end
+      #   end
+      # end
+
+      def generate_partials
+        if partials.any?
+          empty_directory File.join("app/views", partial_path)
+        end
+        partials.each do |partial|
+          generate_partial(partial)
+        end
+      end
+
+    protected
+
+      def partials
+        if options[:all]
+          %w(_flashes _footer _head _header _javascripts _stylesheets)
+        elsif options.minimal?
+          %w(_footer _head _header)
+        elsif file_name
+          [file_name]
+        else
+          []
+        end
+      end
+
+      def partial_path
+        if !options.path.blank?
+          path = options.path
+        else
+          path = class_path.join("/")
+        end
+        path.blank? ? "application" : path
+      end
+
+      def generate_partial(partial_name)
+        template filename_with_extensions(partial_name), File.join("app/views", partial_path, filename_with_extensions(partial_name))
+      end
+    end
+  end
+end

data/lib/generators/html5/partial/templates/_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 %>"></div>
+        <p><%%= value %></p>
+      </div>
+    </div>
+  <%% end %>
+</div>

data/lib/generators/html5/partial/templates/_flashes.html.haml

@@ -0,0 +1,5 @@
+#flash
+  - flash.each do |key, value|
+    .wrapper
+      %div{ :title => key.to_s.humanize, :class => key }
+        %p= value

data/lib/generators/html5/partial/templates/_footer.html.erb

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

data/lib/generators/html5/partial/templates/_footer.html.haml

@@ -0,0 +1,3 @@
+%footer#footer
+  %small.copyright
+    <%= application_title %>, Copyright &copy; #{ Date.today.year }

data/lib/generators/html5/partial/templates/_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/lib/generators/html5/partial/templates/_head.html.haml

@@ -0,0 +1,28 @@
+%head
+  %meta{ :charset => "utf-8" }/
+
+  -# Use the .htaccess and remove these lines to avoid edge case issues.
+  -# More info: h5bp.com/b/378
+  %meta{ 'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge,chrome=1' }/
+
+  %title
+    == #{ controller.controller_name.titleize } - #{ controller.action_name.titleize }
+
+  %meta{ :name => "description", :content => "" }/
+  %meta{ :name => "author", :content => "" }/
+
+  -# Mobile viewport optimized: h5bp.com/viewport
+  %meta{ :name => "viewport", :content => "width=device-width,initial-scale=1" }/
+
+  -# Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons
+
+  = 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