public
Description: JavaScript and CSS Asset Compression for Production Rails Apps
Homepage: http://synthesis.sbecker.net/pages/asset_packager
Clone URL: git://github.com/sbecker/asset_packager.git
name age message
file CHANGELOG Sun Nov 04 07:02:20 -0800 2007 * Updated CHANGELOG and README [sbecker]
file README Sun Nov 04 07:02:20 -0800 2007 * Updated CHANGELOG and README [sbecker]
file Rakefile Mon Jun 19 08:19:59 -0700 2006 Initial import. [sbecker]
file about.yml Mon Jun 19 18:57:23 -0700 2006 Updates to README and about.yml [sbecker]
file init.rb Fri Jan 05 09:22:09 -0800 2007 do a require before including in action view, b... [sbecker]
file install.rb Mon Jun 19 08:19:59 -0700 2006 Initial import. [sbecker]
directory lib/ Tue Dec 18 21:30:58 -0800 2007 [#19](status:fixed) Make log method a class met... [sbecker]
directory tasks/ Mon Dec 10 15:25:22 -0800 2007 require yaml, for some reason rails now bitches... [sbecker]
directory test/ Sat Nov 03 22:38:21 -0700 2007 * Allow configuration of which environments the... [sbecker]
README
= AssetPackager

JavaScript and CSS Asset Compression for Production Rails Apps

== Description

When it comes time to deploy your new web application, instead of 
sending down a dozen JavaScript and CSS files full of formatting 
and comments, this Rails plugin makes it simple to merge and 
compress JavaScript and CSS down into one or more files, increasing 
speed and saving bandwidth.

When in development, it allows you to use your original versions 
and retain formatting and comments for readability and debugging.

Because not all browsers will dependably cache JavaScript and CSS 
files with query string parameters, AssetPackager writes a timestamp 
or subversion revision stamp (if available) into the merged file names. 
Therefore files are correctly cached by the browser AND your users 
always get the latest version when you re-deploy.

This code is released under the MIT license (like Ruby). You’re free 
to rip it up, enhance it, etc. And if you make any enhancements, 
I’d like to know so I can add them back in. Thanks!

* Formerly known as MergeJS.

== Credit

This Rails Plugin was inspired by Cal Henderson's article 
"Serving JavaScript Fast" on Vitamin:
http://www.thinkvitamin.com/features/webapps/serving-javascript-fast

It also uses the Ruby JavaScript Minifier created by 
Douglas Crockford.
http://www.crockford.com/javascript/jsmin.html

== Key Features

* Merges and compresses JavaScript and CSS when running in production.
* Uses uncompressed originals when running in development.
* Handles caching correctly. (No querystring parameters - filename timestamps)
* Versions each package individually. Updates to files in one won't re-trigger downloading the others.
* Uses subversion revision numbers instead of timestamps if within a subversion controlled directory.
* Guarantees new version will get downloaded the next time you deploy.

== Components

* Rake Task for merging and compressing JavaScript and CSS files.
* Helper functions for including these JavaScript and CSS files in your views.
* YAML configuration file for mapping JavaScript and CSS files to merged versions.
* Rake Task for auto-generating the YAML file from your existing JavaScript files.

== How to Use:

1. Download and install the plugin:
   ./script/plugin install http://sbecker.net/shared/plugins/asset_packager

2. Run the rake task "asset:packager:create_yml" to generate the /config/asset_packages.yml
file the first time. You will need to reorder files under 'base' so dependencies are loaded 
in correct order. Feel free to rename or create new file packages.

IMPORTANT: JavaScript files can break once compressed if each statement doesn't end with a semi-colon.
The minifier puts multiple statements on one line, so if the semi-colon is missing, the statement may no 
longer makes sense and cause a syntax error.

Example from a fresh rails app after running the rake task. (Stylesheets is blank because a 
default rails app has no stylesheets yet.):

--- 
javascripts: 
- base: 
  - prototype
  - effects
  - dragdrop
  - controls
  - application
stylesheets: 
- base: []

Example with multiple merged files:

---
javascripts:
- base:
  - prototype
  - effects
  - controls
  - dragdrop
  - application
- secondary:
  - foo
  - bar
stylesheets:
- base:
  - screen
  - header
- secondary:
  - foo
  - bar

3. Run the rake task "asset:packager:build_all" to generate the compressed, merged versions
for each package. Whenever you rearrange the yaml file, you'll need to run this task again. 
Merging and compressing is expensive, so this is something we want to do once, not every time
your app starts. Thats why its a rake task.

4. Use the helper functions whenever including these files in your application. See below for examples.

5. Potential warning: css compressor function currently removes CSS comments. This might blow
away some CSS hackery. To disable comment removal, comment out /lib/synthesis/asset_package.rb line 176.

== JavaScript Examples

Example call:  
  <%= javascript_include_merged 'prototype', 'effects', 'controls', 'dragdrop', 'application', 'foo', 'bar' %>

In development, this generates: 
  <script type="text/javascript" src="/javascripts/prototype.js"></script>
  <script type="text/javascript" src="/javascripts/effects.js"></script>
  <script type="text/javascript" src="/javascripts/controls.js"></script>
  <script type="text/javascript" src="/javascripts/dragdrop.js"></script>
  <script type="text/javascript" src="/javascripts/application.js"></script>
  <script type="text/javascript" src="/javascripts/foo.js"></script>
  <script type="text/javascript" src="/javascripts/bar.js"></script>

In production, this generates: 
  <script type="text/javascript" src="/javascripts/base_1150571523.js"></script>
  <script type="text/javascript" src="/javascripts/secondary_1150729166.js"></script>

Now supports symbols and :defaults as well:
  <%= javascript_include_merged :defaults %>
  <%= javascript_include_merged :foo, :bar %>

== Stylesheet Examples

Example call:
  <%= stylesheet_link_merged 'screen', 'header' %>

In development, this generates:
  <link href="/stylesheets/screen.css" media="screen" rel="Stylesheet" type="text/css" />
  <link href="/stylesheets/header.css" media="screen" rel="Stylesheet" type="text/css" />

In production this generates:
  <link href="/stylesheets/base_1150729166.css" media="screen" rel="Stylesheet" type="text/css" />

== Different CSS Media

All options for stylesheet_link_tag still work, so if you want to specify a different media type:
  <%= stylesheet_link_merged :secondary, 'media' => 'print' %>

== Running the tests

So you want to run the tests eh? Ok, then listen:

This plugin has a full suite of tests. But since they
depend on rails, it has to be run in the context of a
rails app, in the vendor/plugins directory. Observe:

> rails newtestapp
> cd newtestapp
> ./script/plugin install http://sbecker.net/shared/plugins/asset_packager
> cd vendor/plugins/asset_packager/
> rake # all tests pass

== License
Copyright (c) 2006 Scott Becker - http://synthesis.sbecker.net
Contact Email: becker.scott@gmail.com

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.