You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

183 lines
3.4 KiB
JavaScript

6 years ago
/**
* Stringfy the given AST `node`.
*
* @param {Object} node
* @param {Object} options
* @return {String}
* @api public
*/
module.exports = function(node, options){
return new Compiler(options).compile(node);
};
/**
* Initialize a new `Compiler`.
*/
function Compiler(options) {
options = options || {};
this.compress = options.compress;
this.indentation = options.indent;
}
/**
* Compile `node`.
*/
Compiler.prototype.compile = function(node){
return node.stylesheet.rules.map(this.visit, this)
.join(this.compress ? '' : '\n\n');
};
/**
* Visit `node`.
*/
Compiler.prototype.visit = function(node){
if (node.charset) return this.charset(node);
if (node.keyframes) return this.keyframes(node);
if (node.media) return this.media(node);
if (node.import) return this.import(node);
return this.rule(node);
};
/**
* Visit import node.
*/
Compiler.prototype.import = function(node){
return '@import ' + node.import + ';';
};
/**
* Visit media node.
*/
Compiler.prototype.media = function(node){
if (this.compress) {
return '@media '
+ node.media
+ '{'
+ node.rules.map(this.visit, this).join('')
+ '}';
}
return '@media '
+ node.media
+ ' {\n'
+ this.indent(1)
+ node.rules.map(this.visit, this).join('\n\n')
+ this.indent(-1)
+ '\n}';
};
/**
* Visit charset node.
*/
Compiler.prototype.charset = function(node){
if (this.compress) {
return '@charset ' + node.charset + ';';
}
return '@charset ' + node.charset + ';\n';
};
/**
* Visit keyframes node.
*/
Compiler.prototype.keyframes = function(node){
if (this.compress) {
return '@'
+ (node.vendor || '')
+ 'keyframes '
+ node.name
+ '{'
+ node.keyframes.map(this.keyframe, this).join('')
+ '}';
}
return '@'
+ (node.vendor || '')
+ 'keyframes '
+ node.name
+ ' {\n'
+ this.indent(1)
+ node.keyframes.map(this.keyframe, this).join('\n')
+ this.indent(-1)
+ '}';
};
/**
* Visit keyframe node.
*/
Compiler.prototype.keyframe = function(node){
if (this.compress) {
return node.values.join(',')
+ '{'
+ node.declarations.map(this.declaration, this).join(';')
+ '}';
}
return this.indent()
+ node.values.join(', ')
+ ' {\n'
+ this.indent(1)
+ node.declarations.map(this.declaration, this).join(';\n')
+ this.indent(-1)
+ '\n' + this.indent() + '}\n';
};
/**
* Visit rule node.
*/
Compiler.prototype.rule = function(node){
var indent = this.indent();
if (this.compress) {
return node.selectors.join(',')
+ '{'
+ node.declarations.map(this.declaration, this).join(';')
+ '}';
}
return node.selectors.map(function(s){ return indent + s }).join(',\n')
+ ' {\n'
+ this.indent(1)
+ node.declarations.map(this.declaration, this).join(';\n')
+ this.indent(-1)
+ '\n' + this.indent() + '}';
};
/**
* Visit declaration node.
*/
Compiler.prototype.declaration = function(node){
if (this.compress) {
return node.property + ':' + node.value;
}
return this.indent() + node.property + ': ' + node.value;
};
/**
* Increase, decrease or return current indentation.
*/
Compiler.prototype.indent = function(level) {
this.level = this.level || 1;
if (null != level) {
this.level += level;
return '';
}
return Array(this.level).join(this.indentation || ' ');
};