339 lines
12 KiB
JavaScript
339 lines
12 KiB
JavaScript
|
var fs = require('fs');
|
|||
|
|
var path = require('path');
|
|||
|
|
var cli = require('clap');
|
|||
|
|
var SourceMapConsumer = require('source-map').SourceMapConsumer;
|
|||
|
|
var csso = require('./index.js');
|
|||
|
|
|
|||
|
|
function readFromStream(stream, minify) {
|
|||
|
|
var buffer = [];
|
|||
|
|
|
|||
|
|
// FIXME: don't chain until node.js 0.10 drop, since setEncoding isn't chainable in 0.10
|
|||
|
|
stream.setEncoding('utf8');
|
|||
|
|
stream
|
|||
|
|
.on('data', function(chunk) {
|
|||
|
|
buffer.push(chunk);
|
|||
|
|
})
|
|||
|
|
.on('end', function() {
|
|||
|
|
minify(buffer.join(''));
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showStat(filename, source, result, inputMap, map, time, mem) {
|
|||
|
|
function fmt(size) {
|
|||
|
|
return String(size).split('').reverse().reduce(function(size, digit, idx) {
|
|||
|
|
if (idx && idx % 3 === 0) {
|
|||
|
|
size = ' ' + size;
|
|||
|
|
}
|
|||
|
|
return digit + size;
|
|||
|
|
}, '');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
map = map || 0;
|
|||
|
|
result -= map;
|
|||
|
|
|
|||
|
|
console.error('Source: ', filename === '<stdin>' ? filename : path.relative(process.cwd(), filename));
|
|||
|
|
if (inputMap) {
|
|||
|
|
console.error('Map source:', inputMap);
|
|||
|
|
}
|
|||
|
|
console.error('Original: ', fmt(source), 'bytes');
|
|||
|
|
console.error('Compressed:', fmt(result), 'bytes', '(' + (100 * result / source).toFixed(2) + '%)');
|
|||
|
|
console.error('Saving: ', fmt(source - result), 'bytes', '(' + (100 * (source - result) / source).toFixed(2) + '%)');
|
|||
|
|
if (map) {
|
|||
|
|
console.error('Source map:', fmt(map), 'bytes', '(' + (100 * map / (result + map)).toFixed(2) + '% of total)');
|
|||
|
|
console.error('Total: ', fmt(map + result), 'bytes');
|
|||
|
|
}
|
|||
|
|
console.error('Time: ', time, 'ms');
|
|||
|
|
console.error('Memory: ', (mem / (1024 * 1024)).toFixed(3), 'MB');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showParseError(source, filename, details, message) {
|
|||
|
|
function processLines(start, end) {
|
|||
|
|
return lines.slice(start, end).map(function(line, idx) {
|
|||
|
|
var num = String(start + idx + 1);
|
|||
|
|
|
|||
|
|
while (num.length < maxNumLength) {
|
|||
|
|
num = ' ' + num;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return num + ' |' + line;
|
|||
|
|
}).join('\n');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var lines = source.split(/\n|\r\n?|\f/);
|
|||
|
|
var column = details.column;
|
|||
|
|
var line = details.line;
|
|||
|
|
var startLine = Math.max(1, line - 2);
|
|||
|
|
var endLine = Math.min(line + 2, lines.length + 1);
|
|||
|
|
var maxNumLength = Math.max(4, String(endLine).length) + 1;
|
|||
|
|
|
|||
|
|
console.error('\nParse error ' + filename + ': ' + message);
|
|||
|
|
console.error(processLines(startLine - 1, line));
|
|||
|
|
console.error(new Array(column + maxNumLength + 2).join('-') + '^');
|
|||
|
|
console.error(processLines(line, endLine));
|
|||
|
|
console.error();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function debugLevel(level) {
|
|||
|
|
// level is undefined when no param -> 1
|
|||
|
|
return isNaN(level) ? 1 : Math.max(Number(level), 0);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function resolveSourceMap(source, inputMap, map, inputFile, outputFile) {
|
|||
|
|
var inputMapContent = null;
|
|||
|
|
var inputMapFile = null;
|
|||
|
|
var outputMapFile = null;
|
|||
|
|
|
|||
|
|
switch (map) {
|
|||
|
|
case 'none':
|
|||
|
|
// don't generate source map
|
|||
|
|
map = false;
|
|||
|
|
inputMap = 'none';
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'inline':
|
|||
|
|
// nothing to do
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'file':
|
|||
|
|
if (!outputFile) {
|
|||
|
|
console.error('Output filename should be specified when `--map file` is used');
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
outputMapFile = outputFile + '.map';
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
// process filename
|
|||
|
|
if (map) {
|
|||
|
|
// check path is reachable
|
|||
|
|
if (!fs.existsSync(path.dirname(map))) {
|
|||
|
|
console.error('Directory for map file should exists:', path.dirname(path.resolve(map)));
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// resolve to absolute path
|
|||
|
|
outputMapFile = path.resolve(process.cwd(), map);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
switch (inputMap) {
|
|||
|
|
case 'none':
|
|||
|
|
// nothing to do
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
case 'auto':
|
|||
|
|
if (map) {
|
|||
|
|
// try fetch source map from source
|
|||
|
|
var inputMapComment = source.match(/\/\*# sourceMappingURL=(\S+)\s*\*\/\s*$/);
|
|||
|
|
|
|||
|
|
if (inputFile === '<stdin>') {
|
|||
|
|
inputFile = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (inputMapComment) {
|
|||
|
|
// if comment found – value is filename or base64-encoded source map
|
|||
|
|
inputMapComment = inputMapComment[1];
|
|||
|
|
|
|||
|
|
if (inputMapComment.substr(0, 5) === 'data:') {
|
|||
|
|
// decode source map content from comment
|
|||
|
|
inputMapContent = new Buffer(inputMapComment.substr(inputMapComment.indexOf('base64,') + 7), 'base64').toString();
|
|||
|
|
} else {
|
|||
|
|
// value is filename – resolve it as absolute path
|
|||
|
|
if (inputFile) {
|
|||
|
|
inputMapFile = path.resolve(path.dirname(inputFile), inputMapComment);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// comment doesn't found - look up file with `.map` extension nearby input file
|
|||
|
|
if (inputFile && fs.existsSync(inputFile + '.map')) {
|
|||
|
|
inputMapFile = inputFile + '.map';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
if (inputMap) {
|
|||
|
|
inputMapFile = inputMap;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// source map placed in external file
|
|||
|
|
if (inputMapFile) {
|
|||
|
|
inputMapContent = fs.readFileSync(inputMapFile, 'utf8');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return {
|
|||
|
|
input: inputMapContent,
|
|||
|
|
inputFile: inputMapFile || (inputMapContent ? '<inline>' : false),
|
|||
|
|
output: map,
|
|||
|
|
outputFile: outputMapFile
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function processCommentsOption(value) {
|
|||
|
|
switch (value) {
|
|||
|
|
case 'exclamation':
|
|||
|
|
case 'first-exclamation':
|
|||
|
|
case 'none':
|
|||
|
|
return value;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
console.error('Wrong value for `comments` option: %s', value);
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var command = cli.create('csso', '[input] [output]')
|
|||
|
|
.version(require('../package.json').version)
|
|||
|
|
.option('-i, --input <filename>', 'Input file')
|
|||
|
|
.option('-o, --output <filename>', 'Output file (result outputs to stdout if not set)')
|
|||
|
|
.option('-m, --map <destination>', 'Generate source map: none (default), inline, file or <filename>', 'none')
|
|||
|
|
.option('-u, --usage <filenane>', 'Usage data file')
|
|||
|
|
.option('--input-map <source>', 'Input source map: none, auto (default) or <filename>', 'auto')
|
|||
|
|
.option('--restructure-off', 'Turns structure minimization off')
|
|||
|
|
.option('--comments <value>', 'Comments to keep: exclamation (default), first-exclamation or none', 'exclamation')
|
|||
|
|
.option('--stat', 'Output statistics in stderr')
|
|||
|
|
.option('--debug [level]', 'Output intermediate state of CSS during compression', debugLevel, 0)
|
|||
|
|
.action(function(args) {
|
|||
|
|
var options = this.values;
|
|||
|
|
var inputFile = options.input || args[0];
|
|||
|
|
var outputFile = options.output || args[1];
|
|||
|
|
var usageFile = options.usage;
|
|||
|
|
var usageData = false;
|
|||
|
|
var map = options.map;
|
|||
|
|
var inputMap = options.inputMap;
|
|||
|
|
var structureOptimisationOff = options.restructureOff;
|
|||
|
|
var comments = processCommentsOption(options.comments);
|
|||
|
|
var debug = options.debug;
|
|||
|
|
var statistics = options.stat;
|
|||
|
|
var inputStream;
|
|||
|
|
|
|||
|
|
if (process.stdin.isTTY && !inputFile && !outputFile) {
|
|||
|
|
this.showHelp();
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (!inputFile) {
|
|||
|
|
inputFile = '<stdin>';
|
|||
|
|
inputStream = process.stdin;
|
|||
|
|
} else {
|
|||
|
|
inputFile = path.resolve(process.cwd(), inputFile);
|
|||
|
|
inputStream = fs.createReadStream(inputFile);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (outputFile) {
|
|||
|
|
outputFile = path.resolve(process.cwd(), outputFile);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (usageFile) {
|
|||
|
|
if (!fs.existsSync(usageFile)) {
|
|||
|
|
console.error('Usage data file doesn\'t found (%s)', usageFile);
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
usageData = fs.readFileSync(usageFile, 'utf-8');
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
usageData = JSON.parse(usageData);
|
|||
|
|
} catch (e) {
|
|||
|
|
console.error('Usage data parse error (%s)', usageFile);
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
readFromStream(inputStream, function(source) {
|
|||
|
|
var time = process.hrtime();
|
|||
|
|
var mem = process.memoryUsage().heapUsed;
|
|||
|
|
var sourceMap = resolveSourceMap(source, inputMap, map, inputFile, outputFile);
|
|||
|
|
var sourceMapAnnotation = '';
|
|||
|
|
var result;
|
|||
|
|
|
|||
|
|
// main action
|
|||
|
|
try {
|
|||
|
|
result = csso.minify(source, {
|
|||
|
|
filename: inputFile,
|
|||
|
|
sourceMap: sourceMap.output,
|
|||
|
|
usage: usageData,
|
|||
|
|
restructure: !structureOptimisationOff,
|
|||
|
|
comments: comments,
|
|||
|
|
debug: debug
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// for backward capability minify returns a string
|
|||
|
|
if (typeof result === 'string') {
|
|||
|
|
result = {
|
|||
|
|
css: result,
|
|||
|
|
map: null
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
if (e.parseError) {
|
|||
|
|
showParseError(source, inputFile, e.parseError, e.message);
|
|||
|
|
if (!debug) {
|
|||
|
|
process.exit(2);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
throw e;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (sourceMap.output && result.map) {
|
|||
|
|
// apply input map
|
|||
|
|
if (sourceMap.input) {
|
|||
|
|
result.map.applySourceMap(
|
|||
|
|
new SourceMapConsumer(sourceMap.input),
|
|||
|
|
inputFile
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// add source map to result
|
|||
|
|
if (sourceMap.outputFile) {
|
|||
|
|
// write source map to file
|
|||
|
|
fs.writeFileSync(sourceMap.outputFile, result.map.toString(), 'utf-8');
|
|||
|
|
sourceMapAnnotation = '\n' +
|
|||
|
|
'/*# sourceMappingURL=' +
|
|||
|
|
path.relative(outputFile ? path.dirname(outputFile) : process.cwd(), sourceMap.outputFile) +
|
|||
|
|
' */';
|
|||
|
|
} else {
|
|||
|
|
// inline source map
|
|||
|
|
sourceMapAnnotation = '\n' +
|
|||
|
|
'/*# sourceMappingURL=data:application/json;base64,' +
|
|||
|
|
new Buffer(result.map.toString()).toString('base64') +
|
|||
|
|
' */';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
result.css += sourceMapAnnotation;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// output result
|
|||
|
|
if (outputFile) {
|
|||
|
|
fs.writeFileSync(outputFile, result.css, 'utf-8');
|
|||
|
|
} else {
|
|||
|
|
console.log(result.css);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// output statistics
|
|||
|
|
if (statistics) {
|
|||
|
|
var timeDiff = process.hrtime(time);
|
|||
|
|
showStat(
|
|||
|
|
path.relative(process.cwd(), inputFile),
|
|||
|
|
source.length,
|
|||
|
|
result.css.length,
|
|||
|
|
sourceMap.inputFile,
|
|||
|
|
sourceMapAnnotation.length,
|
|||
|
|
parseInt(timeDiff[0] * 1e3 + timeDiff[1] / 1e6),
|
|||
|
|
process.memoryUsage().heapUsed - mem
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
module.exports = {
|
|||
|
|
run: command.run.bind(command),
|
|||
|
|
isCliError: function(err) {
|
|||
|
|
return err instanceof cli.Error;
|
|||
|
|
}
|
|||
|
|
};
|