# connect-assetmanager-handlers

> Post and pre hooks for connect-assetmanager.

Latest version **0.0.18** (published 2012-02-20) · 0 weekly downloads

## Install

```sh
npm install connect-assetmanager-handlers
pnpm add connect-assetmanager-handlers
yarn add connect-assetmanager-handlers
bun add connect-assetmanager-handlers
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.18 |
| Published | 2012-02-20 |
| First published | 2011-01-04 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 32 |
| Author | Mathias Pettersson |
| Maintainers | mape |

## Links

- npm: https://www.npmjs.com/package/connect-assetmanager-handlers
- Repository: https://github.com/mape/connect-assetmanager-handlers
- npm.io page: https://npm.io/package/connect-assetmanager-handlers

## Dependencies (3)

- [step](https://npm.io/package/step.md) >=0.0.3
- [request](https://npm.io/package/request.md) >=0.9.5
- [uglify-js](https://npm.io/package/uglify-js.md) >=0.0.1

## Recent versions

- 0.0.18 (latest) — 2012-02-20
- 0.0.17 — 2011-01-14
- 0.0.16 — 2011-01-09
- 0.0.15 — 2011-01-04
- 0.0.1 — 2011-01-04
- 0.0.10 — 2011-01-04
- 0.0.11 — 2011-01-04
- 0.0.12 — 2011-01-04
- 0.0.2 — 2011-01-04
- 0.0.3 — 2011-01-04
- 0.0.4 — 2011-01-04
- 0.0.5 — 2011-01-04
- 0.0.6 — 2011-01-04
- 0.0.7 — 2011-01-04
- 0.0.8 — 2011-01-04
- … 3 more at https://npm.io/package/connect-assetmanager-handlers/versions

## README

# connect-assetmanager-handlers

Post and pre hooks for [connect-assetmanager](http://github.com/mape/connect-assetmanager)

## Installation

Via [npm](http://github.com/isaacs/npm):

    $ npm install connect-assetmanager-handlers
## Usage
    var assetManager = require('connect-assetmanager');
    var assetHandler = require('connect-assetmanager-handlers');
    var assets = assetManager({
        'css': {
            'route': /\/static\/css\/[0-9]+\/.*\.css/
            , 'path': './public/css/'
            , 'dataType': 'css'
            , 'files': [
                'reset.css'
                , 'client.css'
            ]
            , 'preManipulate': {
                '^': [
                    assetHandler.fixVendorPrefixes
                    , assetHandler.fixGradients
                    , assetHandler.replaceImageRefToBase64(root)
                ]
            }
        }
        'js': {
            'route': /\/static\/js\/[0-9]+\/.*\.js/
            , 'path': './public/js/'
            , 'dataType': 'javascript'
            , 'files': [
                'jquery.js'
                , 'jquery.client.js'
            ]
            , 'postManipulate': {
                '^': [
                    assetHandler.uglifyJsOptimize
                ]
            }
        }
    });
## Handlers
### uglifyJsOptimize
Uses UglifyJS to compress the give javascript files.
### yuiJsOptimize
Uses YUI Compressor to compress the given javascript files.
### yuiCssOptimize
Uses YUI Compressor to compress the given CSS files.
### fixVendorPrefixes
Replaces -vendor with multiple versions of the same line for most vendor prefixes.

#### Example
    -vendor-border-radius: 5px;

Turns into: 

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;

### fixGradients
Enables easy use of top to bottom gradients cross browser.

#### Example
    gradient: rgba(255,255,255,1)_rgba(255,255,255,0.6);

Turns into:

    background: rgba(255,255,255,1);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,1)),to(rgba(255,255,255,0.6)));
    background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0.6));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffffff',EndColorStr='#99ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffffff', EndColorStr='#99ffffff')";

### replaceImageRefToBase64
Looks for data-url(filepath/file.png) in the CSS and replaces those with the contents of the image, base64 encoded.
#### Setup
    assetHandler.replaceImageRefToBase64(__dirname + '/public')

### stripDataUrlsPrefix
Simply replaces `data-url` with `url`. Used as a complement with replaceImageRefToBase64 if you want to serve a css to IE6-7.

### fixFloatDoubleMargin
Finds all blocks containing floats and add a display: inline; (unless there is another display set in that block) to fix double margin bugs.

---
_Source: https://npm.io/package/connect-assetmanager-handlers · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._