You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
2.6 KiB
117 lines
2.6 KiB
9 years ago
|
|
||
|
|
/*!
|
||
|
|
* Stylus - plugin - url
|
||
|
|
* Copyright (c) Automattic <developer.wordpress.com>
|
||
|
|
* MIT Licensed
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Module dependencies.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var Compiler = require('../visitor/compiler')
|
||
|
|
, events = require('../renderer').events
|
||
|
|
, nodes = require('../nodes')
|
||
|
|
, parse = require('url').parse
|
||
|
|
, extname = require('path').extname
|
||
|
|
, utils = require('../utils')
|
||
|
|
, fs = require('fs');
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Mime table.
|
||
|
|
*/
|
||
|
|
|
||
|
|
var defaultMimes = {
|
||
|
|
'.gif': 'image/gif'
|
||
|
|
, '.png': 'image/png'
|
||
|
|
, '.jpg': 'image/jpeg'
|
||
|
|
, '.jpeg': 'image/jpeg'
|
||
|
|
, '.svg': 'image/svg+xml'
|
||
|
|
, '.webp': 'image/webp'
|
||
|
|
, '.ttf': 'application/x-font-ttf'
|
||
|
|
, '.eot': 'application/vnd.ms-fontobject'
|
||
|
|
, '.woff': 'application/font-woff'
|
||
|
|
, '.woff2': 'application/font-woff2'
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Return a url() function with the given `options`.
|
||
|
|
*
|
||
|
|
* Options:
|
||
|
|
*
|
||
|
|
* - `limit` bytesize limit defaulting to 30Kb
|
||
|
|
* - `paths` image resolution path(s), merged with general lookup paths
|
||
|
|
*
|
||
|
|
* Examples:
|
||
|
|
*
|
||
|
|
* stylus(str)
|
||
|
|
* .set('filename', __dirname + '/css/test.styl')
|
||
|
|
* .define('url', stylus.url({ paths: [__dirname + '/public'] }))
|
||
|
|
* .render(function(err, css){ ... })
|
||
|
|
*
|
||
|
|
* @param {Object} options
|
||
|
|
* @return {Function}
|
||
|
|
* @api public
|
||
|
|
*/
|
||
|
|
|
||
|
|
module.exports = function(options) {
|
||
|
|
options = options || {};
|
||
|
|
|
||
|
|
var _paths = options.paths || [];
|
||
|
|
var sizeLimit = null != options.limit ? options.limit : 30000;
|
||
|
|
var mimes = options.mimes || defaultMimes;
|
||
|
|
|
||
|
|
function fn(url){
|
||
|
|
// Compile the url
|
||
|
|
var compiler = new Compiler(url);
|
||
|
|
compiler.isURL = true;
|
||
|
|
url = url.nodes.map(function(node){
|
||
|
|
return compiler.visit(node);
|
||
|
|
}).join('');
|
||
|
|
|
||
|
|
// Parse literal
|
||
|
|
url = parse(url);
|
||
|
|
var ext = extname(url.pathname)
|
||
|
|
, mime = mimes[ext]
|
||
|
|
, hash = url.hash || ''
|
||
|
|
, literal = new nodes.Literal('url("' + url.href + '")')
|
||
|
|
, paths = _paths.concat(this.paths)
|
||
|
|
, buf;
|
||
|
|
|
||
|
|
// Not supported
|
||
|
|
if (!mime) return literal;
|
||
|
|
|
||
|
|
// Absolute
|
||
|
|
if (url.protocol) return literal;
|
||
|
|
|
||
|
|
// Lookup
|
||
|
|
var found = utils.lookup(url.pathname, paths);
|
||
|
|
|
||
|
|
// Failed to lookup
|
||
|
|
if (!found) {
|
||
|
|
events.emit(
|
||
|
|
'file not found'
|
||
|
|
, 'File ' + literal + ' could not be found, literal url retained!'
|
||
|
|
);
|
||
|
|
|
||
|
|
return literal;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Read data
|
||
|
|
buf = fs.readFileSync(found);
|
||
|
|
|
||
|
|
// Too large
|
||
|
|
if (false !== sizeLimit && buf.length > sizeLimit) return literal;
|
||
|
|
|
||
|
|
// Encode
|
||
|
|
return new nodes.Literal('url("data:' + mime + ';base64,' + buf.toString('base64') + hash + '")');
|
||
|
|
};
|
||
|
|
|
||
|
|
fn.raw = true;
|
||
|
|
return fn;
|
||
|
|
};
|
||
|
|
|
||
|
|
// Exporting default mimes so we could easily access them
|
||
|
|
module.exports.mimes = defaultMimes;
|
||
|
|
|