113 lines
3.1 KiB
JavaScript
113 lines
3.1 KiB
JavaScript
|
// This implementation of the url resolver adds awareness for webpack loaders
|
|||
|
|
/*
|
|||
|
|
|
|||
|
|
Modified from the stylus implementation:
|
|||
|
|
|
|||
|
|
(The MIT License)
|
|||
|
|
|
|||
|
|
Copyright (c) 2010–2014 LearnBoost <dev@learnboost.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.
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/*jshint laxcomma:true */
|
|||
|
|
var Stylus = require('stylus')
|
|||
|
|
, Compiler = Stylus.Compiler
|
|||
|
|
, nodes = Stylus.nodes
|
|||
|
|
, utils = Stylus.utils
|
|||
|
|
, parse = require('url').parse
|
|||
|
|
, relative = require('path').relative
|
|||
|
|
, dirname = require('path').dirname
|
|||
|
|
, extname = require('path').extname
|
|||
|
|
, sep = require('path').sep;
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Return a url() function with the given `options`.
|
|||
|
|
*
|
|||
|
|
* Options:
|
|||
|
|
*
|
|||
|
|
* - `paths` resolution path(s), merged with general lookup paths
|
|||
|
|
*
|
|||
|
|
* Examples:
|
|||
|
|
*
|
|||
|
|
* stylus(str)
|
|||
|
|
* .set('filename', __dirname + '/css/test.styl')
|
|||
|
|
* .define('url', stylus.resolver({ paths: [__dirname + '/public'] }))
|
|||
|
|
* .render(function(err, css){ ... })
|
|||
|
|
*
|
|||
|
|
* @param {Object} options
|
|||
|
|
* @return {Function}
|
|||
|
|
* @api public
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
module.exports = function(options) {
|
|||
|
|
options = options || {};
|
|||
|
|
|
|||
|
|
var _paths = options.paths || [];
|
|||
|
|
|
|||
|
|
function url(url) {
|
|||
|
|
var paths = _paths.concat(this.paths),
|
|||
|
|
filename = this.filename;
|
|||
|
|
|
|||
|
|
// Compile the url
|
|||
|
|
var compiler = new Compiler(url);
|
|||
|
|
compiler.isURL = true;
|
|||
|
|
url = url.nodes.map(function(node){
|
|||
|
|
return compiler.visit(node);
|
|||
|
|
}).join('');
|
|||
|
|
|
|||
|
|
function resolveComponent(url) {
|
|||
|
|
if (!url) {
|
|||
|
|
return url;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
url = parse(url);
|
|||
|
|
if (url.protocol) {
|
|||
|
|
return url.href;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Lookup
|
|||
|
|
var found = utils.lookup(url.pathname, paths, '', true);
|
|||
|
|
if (!found) {
|
|||
|
|
return url.href;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var tail = '';
|
|||
|
|
if (url.search) {
|
|||
|
|
tail += url.search;
|
|||
|
|
}
|
|||
|
|
if (url.hash) {
|
|||
|
|
tail += url.hash;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var res = relative(dirname(filename), found) + tail;
|
|||
|
|
if ('\\' == sep) res = res.replace(/\\/g, '/');
|
|||
|
|
return res;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var components = url.split(/!/g);
|
|||
|
|
components = components.map(resolveComponent);
|
|||
|
|
return new nodes.Literal('url("' + components.join('!') + '")');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
url.raw = true;
|
|||
|
|
return url;
|
|||
|
|
};
|