# Half Pipe

Gem to replace the Rails asset pipeline with a Grunt.js-based workflow, providing dependencies via Bower.

## Who is this For?

This initial release assumes you have been using [Grunt.js](http://www.gruntjs.com) in non-Rails apps and would like to start using it in Rails as well. It uses [Bower](http://bower.io) for dependency management, [RequireJS](http://www.requirejs.org) for Javascript modules and Sass for CSS. If you use alternatives to these tools, we'd love to hear from you.

## Getting Started

### Directory Structure

We believe that the directory structured imposed by the Rails asset pipeline was a step in the right direction, but did not go far enough in making client code a first-class part of your application. Given that, we have put assets at the same level as the rest of your Ruby code:

- `app/scripts` - Javascript files (currently all RequireJS modules)
- `app/styles` - Sass templates

#### Rails Generator

In a Rails app, use `rails g half_pipe:install` to get started. This will generate the directory structure and any files necessary for your Grunt workflow.

<table>
<thead>
<tr>
  <th>
    Generated
  </th>
  <th>
    Purpose
  </th>
</tr>
</thead>
<tbody>
<tr>
  <td>Gruntfile.js</td>
  <td>
    Main configuration for your Grunt tasks
  </td>
</tr>
<tr>
  <td>bower.json</td>
  <td>
    3rd-party asset dependencies (includes normalize-css, requirejs, and html5shiv by default)
  </td>
</tr>
<tr>
  <td>package.json</td>
  <td>
    NPM dependencies (ie. Bower, Grunt, any Grunt tasks)
  </td>
</tr>
<tr>
  <td>.jshintrc</td>
  <td>
    Linting configuration for Javascript
  </td>
</tr>
<tr>
  <td>app/scripts/application.js</td>
  <td>
    Entry point for requirejs; includes requirejs configuration, main module require and bootstraps page
  </td>
</tr>
<tr>
  <td>app/scripts/main.js</td>
  <td>
    Main module for your app; includes page initialization and requires any modules necessary for initialization
  </td>
</tr>
<tr>
  <td>config/initializers/sass.rb</td>
  <td>
    Bootstraps Sass with bower importer
  </td>
</tr>
</table>

Beyond these files, the generator also removes sprockets from `config/application.rb` and replaces `javascript_include_tag "application"` in your application layout with `requirejs_include_tag "/scripts/application.js"`.

#### Post-generator Tasks

If you're in an app with existing assets, the generator **DOES NOT** touch them. It is up to you to move them into their new homes and incorporate any existing Javascript files into `requirejs` modules.

### Building Assets

Build assets by running `grunt build`. This will compile Javascripts to `public/scripts` and stylesheets to `public/styles`.

### Configuration

In this early release if you want to configure anything, you'll have to manually change `Gruntfile.js`. We'd like to make this more invisible in the future; please post any use cases for configuration as Github issues.

## Roadmap

- Asset fingerprinting
- Precompilation of client-side templates
- Javascript module generator
- Configurable asset directories
- Configurable build directories
- Better support for images
- Better support for non-Rails Ruby frameworks
- Support for most popular [AltJS](http://www.altjs.com) languages
- BYO support for less common languages
- Automatic symlinking of CSS files within bower to SCSS partials within `app/styles`