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.
96 lines
2.2 KiB
96 lines
2.2 KiB
2 years ago
|
import {
|
||
|
WhiteSpace,
|
||
|
Comment,
|
||
|
Semicolon,
|
||
|
AtKeyword,
|
||
|
LeftCurlyBracket,
|
||
|
RightCurlyBracket
|
||
|
} from '../../tokenizer/index.js';
|
||
|
|
||
|
const AMPERSAND = 0x0026; // U+0026 AMPERSAND (&)
|
||
|
|
||
|
function consumeRaw(startToken) {
|
||
|
return this.Raw(startToken, null, true);
|
||
|
}
|
||
|
function consumeRule() {
|
||
|
return this.parseWithFallback(this.Rule, consumeRaw);
|
||
|
}
|
||
|
function consumeRawDeclaration(startToken) {
|
||
|
return this.Raw(startToken, this.consumeUntilSemicolonIncluded, true);
|
||
|
}
|
||
|
function consumeDeclaration() {
|
||
|
if (this.tokenType === Semicolon) {
|
||
|
return consumeRawDeclaration.call(this, this.tokenIndex);
|
||
|
}
|
||
|
|
||
|
const node = this.parseWithFallback(this.Declaration, consumeRawDeclaration);
|
||
|
|
||
|
if (this.tokenType === Semicolon) {
|
||
|
this.next();
|
||
|
}
|
||
|
|
||
|
return node;
|
||
|
}
|
||
|
|
||
|
export const name = 'Block';
|
||
|
export const walkContext = 'block';
|
||
|
export const structure = {
|
||
|
children: [[
|
||
|
'Atrule',
|
||
|
'Rule',
|
||
|
'Declaration'
|
||
|
]]
|
||
|
};
|
||
|
|
||
|
export function parse(isStyleBlock) {
|
||
|
const consumer = isStyleBlock ? consumeDeclaration : consumeRule;
|
||
|
const start = this.tokenStart;
|
||
|
let children = this.createList();
|
||
|
|
||
|
this.eat(LeftCurlyBracket);
|
||
|
|
||
|
scan:
|
||
|
while (!this.eof) {
|
||
|
switch (this.tokenType) {
|
||
|
case RightCurlyBracket:
|
||
|
break scan;
|
||
|
|
||
|
case WhiteSpace:
|
||
|
case Comment:
|
||
|
this.next();
|
||
|
break;
|
||
|
|
||
|
case AtKeyword:
|
||
|
children.push(this.parseWithFallback(this.Atrule.bind(this, isStyleBlock), consumeRaw));
|
||
|
break;
|
||
|
|
||
|
default:
|
||
|
if (isStyleBlock && this.isDelim(AMPERSAND)) {
|
||
|
children.push(consumeRule.call(this));
|
||
|
} else {
|
||
|
children.push(consumer.call(this));
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
if (!this.eof) {
|
||
|
this.eat(RightCurlyBracket);
|
||
|
}
|
||
|
|
||
|
return {
|
||
|
type: 'Block',
|
||
|
loc: this.getLocation(start, this.tokenStart),
|
||
|
children
|
||
|
};
|
||
|
}
|
||
|
|
||
|
export function generate(node) {
|
||
|
this.token(LeftCurlyBracket, '{');
|
||
|
this.children(node, prev => {
|
||
|
if (prev.type === 'Declaration') {
|
||
|
this.token(Semicolon, ';');
|
||
|
}
|
||
|
});
|
||
|
this.token(RightCurlyBracket, '}');
|
||
|
}
|