blob: 60af9c0d3111b0120e6dffe37b5923edc2192bdb [file] [log] [blame]
/* eslint no-param-reassign: off */
const Comment = require('postcss/lib/comment');
const Parser = require('postcss/lib/parser');
const { isInlineComment } = require('./nodes/inline-comment');
const { interpolation } = require('./nodes/interpolation');
const { isMixinToken } = require('./nodes/mixin');
const importNode = require('./nodes/import');
const variableNode = require('./nodes/variable');
const importantPattern = /(!\s*important)$/i;
module.exports = class LessParser extends Parser {
constructor(...args) {
super(...args);
this.lastNode = null;
}
atrule(token) {
if (interpolation.bind(this)(token)) {
return;
}
super.atrule(token);
importNode(this.lastNode);
variableNode(this.lastNode);
}
decl(...args) {
super.decl(...args);
// #123: add `extend` decorator to nodes
const extendPattern = /extend\(.+\)/i;
if (extendPattern.test(this.lastNode.value)) {
this.lastNode.extend = true;
}
}
each(tokens) {
// prepend a space so the `name` will be parsed correctly
tokens[0][1] = ` ${tokens[0][1]}`;
const firstParenIndex = tokens.findIndex((t) => t[0] === '(');
const lastParen = tokens.reverse().find((t) => t[0] === ')');
const lastParenIndex = tokens.reverse().indexOf(lastParen);
const paramTokens = tokens.splice(firstParenIndex, lastParenIndex);
const params = paramTokens.map((t) => t[1]).join('');
for (const token of tokens.reverse()) {
this.tokenizer.back(token);
}
this.atrule(this.tokenizer.nextToken());
this.lastNode.function = true;
this.lastNode.params = params;
}
init(node, line, column) {
super.init(node, line, column);
this.lastNode = node;
}
inlineComment(token) {
const node = new Comment();
const text = token[1].slice(2);
this.init(node, token[2], token[3]);
node.source.end = { line: token[4], column: token[5] };
node.inline = true;
node.raws.begin = '//';
if (/^\s*$/.test(text)) {
node.text = '';
node.raws.left = text;
node.raws.right = '';
} else {
const match = text.match(/^(\s*)([^]*[^\s])(\s*)$/);
[, node.raws.left, node.text, node.raws.right] = match;
}
}
mixin(tokens) {
const [first] = tokens;
const identifier = first[1].slice(0, 1);
const bracketsIndex = tokens.findIndex((t) => t[0] === 'brackets');
const firstParenIndex = tokens.findIndex((t) => t[0] === '(');
let important = '';
// fix for #86. if rulesets are mixin params, they need to be converted to a brackets token
if ((bracketsIndex < 0 || bracketsIndex > 3) && firstParenIndex > 0) {
const lastParenIndex = tokens.reduce((last, t, i) => (t[0] === ')' ? i : last));
const contents = tokens.slice(firstParenIndex, lastParenIndex + firstParenIndex);
const brackets = contents.map((t) => t[1]).join('');
const [paren] = tokens.slice(firstParenIndex);
const start = [paren[2], paren[3]];
const [last] = tokens.slice(lastParenIndex, lastParenIndex + 1);
const end = [last[2], last[3]];
const newToken = ['brackets', brackets].concat(start, end);
const tokensBefore = tokens.slice(0, firstParenIndex);
const tokensAfter = tokens.slice(lastParenIndex + 1);
tokens = tokensBefore;
tokens.push(newToken);
tokens = tokens.concat(tokensAfter);
}
const importantTokens = [];
for (const token of tokens) {
if (token[1] === '!' || importantTokens.length) {
importantTokens.push(token);
}
if (token[1] === 'important') {
break;
}
}
if (importantTokens.length) {
const [bangToken] = importantTokens;
const bangIndex = tokens.indexOf(bangToken);
const last = importantTokens[importantTokens.length - 1];
const start = [bangToken[2], bangToken[3]];
const end = [last[4], last[5]];
const combined = importantTokens.map((t) => t[1]).join('');
const newToken = ['word', combined].concat(start, end);
tokens.splice(bangIndex, importantTokens.length, newToken);
}
const importantIndex = tokens.findIndex((t) => importantPattern.test(t[1]));
if (importantIndex > 0) {
[, important] = tokens[importantIndex];
tokens.splice(importantIndex, 1);
}
for (const token of tokens.reverse()) {
this.tokenizer.back(token);
}
this.atrule(this.tokenizer.nextToken());
this.lastNode.mixin = true;
this.lastNode.raws.identifier = identifier;
if (important) {
this.lastNode.important = true;
this.lastNode.raws.important = important;
}
}
other(token) {
if (!isInlineComment.bind(this)(token)) {
super.other(token);
}
}
rule(tokens) {
const last = tokens[tokens.length - 1];
const prev = tokens[tokens.length - 2];
if (prev[0] === 'at-word' && last[0] === '{') {
this.tokenizer.back(last);
if (interpolation.bind(this)(prev)) {
const newToken = this.tokenizer.nextToken();
tokens = tokens.slice(0, tokens.length - 2).concat([newToken]);
for (const tokn of tokens.reverse()) {
this.tokenizer.back(tokn);
}
return;
}
}
super.rule(tokens);
// #123: add `extend` decorator to nodes
const extendPattern = /:extend\(.+\)/i;
if (extendPattern.test(this.lastNode.selector)) {
this.lastNode.extend = true;
}
}
unknownWord(tokens) {
// NOTE: keep commented for examining unknown structures
// console.log('unknown', tokens);
const [first] = tokens;
// #121 support `each` - http://lesscss.org/functions/#list-functions-each
if (tokens[0][1] === 'each' && tokens[1][0] === '(') {
this.each(tokens);
return;
}
// TODO: move this into a util function/file
if (isMixinToken(first)) {
this.mixin(tokens);
return;
}
super.unknownWord(tokens);
}
};