mirror of
https://github.com/hanzoai/postcss.git
synced 2026-09-24 17:01:56 +00:00
464 lines
13 KiB
JavaScript
464 lines
13 KiB
JavaScript
import Declaration from './declaration';
|
|
import tokenize from './tokenize';
|
|
import Comment from './comment';
|
|
import AtRule from './at-rule';
|
|
import Root from './root';
|
|
import Rule from './rule';
|
|
|
|
// CSS parser
|
|
export default class Parser {
|
|
constructor(input) {
|
|
this.input = input;
|
|
|
|
this.pos = 0;
|
|
this.root = new Root();
|
|
this.current = this.root;
|
|
this.spaces = '';
|
|
this.semicolon = false;
|
|
|
|
this.root.source = { input: input };
|
|
if ( input.map ) this.root.prevMap = input.map;
|
|
}
|
|
|
|
tokenize() {
|
|
this.tokens = tokenize(this.input);
|
|
}
|
|
|
|
loop() {
|
|
var token;
|
|
while ( this.pos < this.tokens.length ) {
|
|
token = this.tokens[this.pos];
|
|
|
|
switch ( token[0] ) {
|
|
case 'word':
|
|
case ':':
|
|
this.word(token);
|
|
break;
|
|
|
|
case '}':
|
|
this.end(token);
|
|
break;
|
|
|
|
case 'comment':
|
|
this.comment(token);
|
|
break;
|
|
|
|
case 'at-word':
|
|
this.atrule(token);
|
|
break;
|
|
|
|
case '{':
|
|
this.emptyRule(token);
|
|
break;
|
|
|
|
default:
|
|
this.spaces += token[1];
|
|
break;
|
|
}
|
|
|
|
this.pos += 1;
|
|
}
|
|
this.endFile();
|
|
}
|
|
|
|
comment(token) {
|
|
var node = new Comment();
|
|
this.init(node, token[2], token[3]);
|
|
node.source.end = { line: token[4], column: token[5] };
|
|
|
|
var text = token[1].slice(2, -2);
|
|
if ( text.match(/^\s*$/) ) {
|
|
node.left = text;
|
|
node.text = '';
|
|
node.right = '';
|
|
} else {
|
|
var match = text.match(/^(\s*)([^]*[^\s])(\s*)$/);
|
|
node.left = match[1];
|
|
node.text = match[2];
|
|
node.right = match[3];
|
|
}
|
|
}
|
|
|
|
emptyRule(token) {
|
|
var node = new Rule();
|
|
this.init(node, token[2], token[3]);
|
|
node.between = '';
|
|
node.selector = '';
|
|
this.current = node;
|
|
}
|
|
|
|
word() {
|
|
var token;
|
|
var end = false;
|
|
var type = null;
|
|
var colon = false;
|
|
var bracket = null;
|
|
var brackets = 0;
|
|
|
|
var start = this.pos;
|
|
this.pos += 1;
|
|
while ( true ) {
|
|
token = this.tokens[this.pos];
|
|
if ( !token ) {
|
|
this.pos -= 1;
|
|
end = true;
|
|
break;
|
|
}
|
|
|
|
type = token[0];
|
|
if ( type == '(' ) {
|
|
if ( !bracket ) bracket = token;
|
|
brackets += 1;
|
|
|
|
} else if ( type == ')' ) {
|
|
brackets -= 1;
|
|
if ( brackets === 0 ) bracket = null;
|
|
|
|
} else if ( brackets === 0 ) {
|
|
if ( type == ';' ) {
|
|
if ( colon ) {
|
|
this.decl(this.tokens.slice(start, this.pos + 1));
|
|
return;
|
|
} else {
|
|
break;
|
|
}
|
|
|
|
} else if ( type == '{' ) {
|
|
this.rule(this.tokens.slice(start, this.pos + 1));
|
|
return;
|
|
|
|
} else if ( type == '}' ) {
|
|
this.pos -= 1;
|
|
end = true;
|
|
break;
|
|
|
|
} else if ( type == 'at-word' ) {
|
|
this.pos -= 1;
|
|
break;
|
|
|
|
} else {
|
|
if ( type == ':' ) colon = true;
|
|
}
|
|
}
|
|
|
|
this.pos += 1;
|
|
}
|
|
|
|
if ( brackets > 0 && !this.input.safe ) {
|
|
throw this.input.error('Unclosed bracket', bracket[2], bracket[3]);
|
|
}
|
|
|
|
if ( end && colon ) {
|
|
while ( this.pos > start ) {
|
|
token = this.tokens[this.pos][0];
|
|
if ( token != 'space' && token != 'comment' ) break;
|
|
this.pos -= 1;
|
|
}
|
|
this.decl(this.tokens.slice(start, this.pos + 1));
|
|
return;
|
|
}
|
|
|
|
if ( this.input.safe ) {
|
|
var buffer = this.tokens.slice(start, this.pos + 1);
|
|
this.spaces += buffer.map(i => i[1]).join('');
|
|
} else {
|
|
token = this.tokens[start];
|
|
throw this.input.error('Unknown word', token[2], token[3]);
|
|
}
|
|
}
|
|
|
|
rule(tokens) {
|
|
tokens.pop();
|
|
|
|
var node = new Rule();
|
|
this.init(node, tokens[0][2], tokens[0][3]);
|
|
|
|
node.between = this.spacesFromEnd(tokens);
|
|
this.raw(node, 'selector', tokens);
|
|
this.current = node;
|
|
}
|
|
|
|
decl(tokens) {
|
|
var node = new Declaration();
|
|
this.init(node);
|
|
|
|
var last = tokens[ tokens.length - 1 ];
|
|
if ( last[0] == ';' ) {
|
|
this.semicolon = true;
|
|
tokens.pop();
|
|
}
|
|
if ( last[4] ) {
|
|
node.source.end = { line: last[4], column: last[5] };
|
|
} else {
|
|
node.source.end = { line: last[2], column: last[3] };
|
|
}
|
|
|
|
while ( tokens[0][0] != 'word' ) {
|
|
node.before += tokens.shift()[1];
|
|
}
|
|
node.source.start = { line: tokens[0][2], column: tokens[0][3] };
|
|
|
|
node.prop = tokens.shift()[1];
|
|
node.between = '';
|
|
|
|
var token;
|
|
while ( tokens.length ) {
|
|
token = tokens.shift();
|
|
|
|
if ( token[0] == ':' ) {
|
|
node.between += token[1];
|
|
break;
|
|
} else if ( token[0] != 'space' && token[0] != 'comment' ) {
|
|
this.unknownWord(node, token, tokens);
|
|
} else {
|
|
node.between += token[1];
|
|
}
|
|
}
|
|
|
|
if ( node.prop[0] == '_' || node.prop[0] == '*' ) {
|
|
node.before += node.prop[0];
|
|
node.prop = node.prop.slice(1);
|
|
}
|
|
node.between += this.spacesFromStart(tokens);
|
|
|
|
if ( this.input.safe ) this.checkMissedSemicolon(tokens);
|
|
|
|
for ( var i = tokens.length - 1; i > 0; i-- ) {
|
|
token = tokens[i];
|
|
if ( token[1] == '!important' ) {
|
|
node.important = true;
|
|
var string = this.stringFrom(tokens, i);
|
|
string = this.spacesFromEnd(tokens) + string;
|
|
if ( string != ' !important' ) node._important = string;
|
|
break;
|
|
} else if ( token[0] != 'space' && token[0] != 'comment' ) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
this.raw(node, 'value', tokens);
|
|
|
|
if ( node.value.indexOf(':') != -1 && !this.input.safe ) {
|
|
this.checkMissedSemicolon(tokens);
|
|
}
|
|
}
|
|
|
|
atrule(token) {
|
|
var node = new AtRule();
|
|
node.name = token[1].slice(1);
|
|
if ( node.name === '' ) {
|
|
if ( this.input.safe ) {
|
|
node.name = '';
|
|
} else {
|
|
throw this.input.error(
|
|
'At-rule without name', token[2], token[3]);
|
|
}
|
|
}
|
|
this.init(node, token[2], token[3]);
|
|
|
|
var next;
|
|
var last = false;
|
|
var open = false;
|
|
var params = [];
|
|
while ( true ) {
|
|
this.pos += 1;
|
|
token = this.tokens[this.pos];
|
|
|
|
if ( !token ) {
|
|
last = true;
|
|
break;
|
|
} else if ( token[0] == ';' ) {
|
|
node.source.end = { line: token[2], column: token[3] };
|
|
this.semicolon = true;
|
|
break;
|
|
} else if ( token[0] == '{' ) {
|
|
open = true;
|
|
break;
|
|
} else {
|
|
params.push(token);
|
|
}
|
|
}
|
|
|
|
node.between = this.spacesFromEnd(params);
|
|
if ( params.length ) {
|
|
node.afterName = this.spacesFromStart(params);
|
|
this.raw(node, 'params', params);
|
|
if ( last ) {
|
|
token = params[ params.length - 1 ];
|
|
node.source.end = { line: token[4], column: token[5] };
|
|
this.spaces = node.between;
|
|
node.between = '';
|
|
}
|
|
} else {
|
|
node.afterName = '';
|
|
node.params = '';
|
|
}
|
|
|
|
if ( open ) {
|
|
node.nodes = [];
|
|
this.current = node;
|
|
}
|
|
}
|
|
|
|
end(token) {
|
|
if ( this.current.nodes && this.current.nodes.length ) {
|
|
this.current.semicolon = this.semicolon;
|
|
}
|
|
this.semicolon = false;
|
|
|
|
this.current.after = (this.current.after || '') + this.spaces;
|
|
this.spaces = '';
|
|
|
|
if ( this.current.parent ) {
|
|
this.current.source.end = { line: token[2], column: token[3] };
|
|
this.current = this.current.parent;
|
|
} else if ( !this.input.safe ) {
|
|
throw this.input.error('Unexpected }', token[2], token[3]);
|
|
} else {
|
|
this.current.after += '}';
|
|
}
|
|
}
|
|
|
|
endFile() {
|
|
if ( this.current.parent && !this.input.safe ) {
|
|
var pos = this.current.source.start;
|
|
throw this.input.error('Unclosed block', pos.line, pos.column);
|
|
}
|
|
|
|
if ( this.current.nodes && this.current.nodes.length ) {
|
|
this.current.semicolon = this.semicolon;
|
|
}
|
|
this.current.after = (this.current.after || '') + this.spaces;
|
|
|
|
while ( this.current.parent ) {
|
|
this.current = this.current.parent;
|
|
this.current.after = '';
|
|
}
|
|
}
|
|
|
|
unknownWord(node, token) {
|
|
if ( this.input.safe ) {
|
|
node.source.start = { line: token[2], column: token[3] };
|
|
node.before += node.prop + node.between;
|
|
node.prop = token[1];
|
|
node.between = '';
|
|
} else {
|
|
throw this.input.error('Unknown word', token[2], token[3]);
|
|
}
|
|
}
|
|
|
|
checkMissedSemicolon(tokens) {
|
|
var prev = null;
|
|
var colon = false;
|
|
var brackets = 0;
|
|
var type, token;
|
|
for ( var i = 0; i < tokens.length; i++ ) {
|
|
token = tokens[i];
|
|
type = token[0];
|
|
|
|
if ( type == '(' ) {
|
|
brackets += 1;
|
|
} else if ( type == ')' ) {
|
|
brackets -= 0;
|
|
} else if ( brackets === 0 && type == ':' ) {
|
|
if ( prev[0] == 'word' && prev[1] == 'progid' ) {
|
|
continue;
|
|
} else {
|
|
colon = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
prev = token;
|
|
}
|
|
|
|
if ( colon === false ) return;
|
|
|
|
if ( this.input.safe ) {
|
|
var split;
|
|
for ( split = colon - 1; split >= 0; split-- ) {
|
|
if ( tokens[split][0] == 'word' ) break;
|
|
}
|
|
for ( split -= 1; split >= 0; split-- ) {
|
|
if ( tokens[split][0] != 'space' ) {
|
|
split += 1;
|
|
break;
|
|
}
|
|
}
|
|
var other = tokens.splice(split, tokens.length - split);
|
|
this.decl(other);
|
|
} else {
|
|
var founded = 0;
|
|
for ( var j = colon - 1; j >= 0; j-- ) {
|
|
token = tokens[j];
|
|
if ( token[0] != 'space' ) {
|
|
founded += 1;
|
|
if ( founded == 2 ) break;
|
|
}
|
|
}
|
|
throw this.input.error('Missed semicolon', token[4], token[5]);
|
|
}
|
|
}
|
|
|
|
// Helpers
|
|
|
|
init(node, line, column) {
|
|
this.current.push(node);
|
|
|
|
node.source = { start: { line, column }, input: this.input };
|
|
node.before = this.spaces;
|
|
this.spaces = '';
|
|
if ( node.type != 'comment' ) this.semicolon = false;
|
|
}
|
|
|
|
raw(node, prop, tokens) {
|
|
var token;
|
|
var value = '';
|
|
var clean = true;
|
|
for ( token of tokens ) {
|
|
if ( token[0] == 'comment' ) {
|
|
clean = false;
|
|
} else {
|
|
value += token[1];
|
|
}
|
|
}
|
|
if ( !clean ) {
|
|
var origin = '';
|
|
for ( token of tokens ) origin += token[1];
|
|
node['_' + prop] = { value: value, raw: origin };
|
|
}
|
|
node[prop] = value;
|
|
}
|
|
|
|
spacesFromEnd(tokens) {
|
|
var next;
|
|
var spaces = '';
|
|
while ( tokens.length ) {
|
|
next = tokens[ tokens.length - 1 ][0];
|
|
if ( next != 'space' && next != 'comment' ) break;
|
|
spaces += tokens.pop()[1];
|
|
}
|
|
return spaces;
|
|
}
|
|
|
|
spacesFromStart(tokens) {
|
|
var next;
|
|
var spaces = '';
|
|
while ( tokens.length ) {
|
|
next = tokens[0][0];
|
|
if ( next != 'space' && next != 'comment' ) break;
|
|
spaces += tokens.shift()[1];
|
|
}
|
|
return spaces;
|
|
}
|
|
|
|
stringFrom(tokens, from) {
|
|
var result = '';
|
|
for ( var i = from; i < tokens.length; i++ ) {
|
|
result += tokens[i][1];
|
|
}
|
|
tokens.splice(from, tokens.length - from);
|
|
return result;
|
|
}
|
|
}
|