blob: 74dcf5bf336c14d3980a0db7c9c99dec73a27780 [file] [log] [blame]
let { Comment } = require('postcss')
let Parser = require('postcss/lib/parser')
let NestedDeclaration = require('./nested-declaration')
let scssTokenizer = require('./scss-tokenize')
class ScssParser extends Parser {
createTokenizer() {
this.tokenizer = scssTokenizer(this.input)
}
rule(tokens) {
let withColon = false
let brackets = 0
let value = ''
for (let i of tokens) {
if (withColon) {
if (i[0] !== 'comment' && i[0] !== '{') {
value += i[1]
}
} else if (i[0] === 'space' && i[1].includes('\n')) {
break
} else if (i[0] === '(') {
brackets += 1
} else if (i[0] === ')') {
brackets -= 1
} else if (brackets === 0 && i[0] === ':') {
withColon = true
}
}
if (!withColon || value.trim() === '' || /^[#:A-Za-z-]/.test(value)) {
super.rule(tokens)
} else {
tokens.pop()
let node = new NestedDeclaration()
this.init(node, tokens[0][2])
let last
for (let i = tokens.length - 1; i >= 0; i--) {
if (tokens[i][0] !== 'space') {
last = tokens[i]
break
}
}
if (last[3]) {
let pos = this.input.fromOffset(last[3])
node.source.end = { offset: last[3], line: pos.line, column: pos.col }
} else {
let pos = this.input.fromOffset(last[2])
node.source.end = { offset: last[2], line: pos.line, column: pos.col }
}
while (tokens[0][0] !== 'word') {
node.raws.before += tokens.shift()[1]
}
if (tokens[0][2]) {
let pos = this.input.fromOffset(tokens[0][2])
node.source.start = {
offset: tokens[0][2],
line: pos.line,
column: pos.col
}
}
node.prop = ''
while (tokens.length) {
let type = tokens[0][0]
if (type === ':' || type === 'space' || type === 'comment') {
break
}
node.prop += tokens.shift()[1]
}
node.raws.between = ''
let token
while (tokens.length) {
token = tokens.shift()
if (token[0] === ':') {
node.raws.between += token[1]
break
} else {
node.raws.between += token[1]
}
}
if (node.prop[0] === '_' || node.prop[0] === '*') {
node.raws.before += node.prop[0]
node.prop = node.prop.slice(1)
}
node.raws.between += this.spacesAndCommentsFromStart(tokens)
this.precheckMissedSemicolon(tokens)
for (let i = tokens.length - 1; i > 0; i--) {
token = tokens[i]
if (token[1] === '!important') {
node.important = true
let string = this.stringFrom(tokens, i)
string = this.spacesFromEnd(tokens) + string
if (string !== ' !important') {
node.raws.important = string
}
break
} else if (token[1] === 'important') {
let cache = tokens.slice(0)
let str = ''
for (let j = i; j > 0; j--) {
let type = cache[j][0]
if (str.trim().indexOf('!') === 0 && type !== 'space') {
break
}
str = cache.pop()[1] + str
}
if (str.trim().indexOf('!') === 0) {
node.important = true
node.raws.important = str
tokens = cache
}
}
if (token[0] !== 'space' && token[0] !== 'comment') {
break
}
}
this.raw(node, 'value', tokens)
if (node.value.includes(':')) {
this.checkMissedSemicolon(tokens)
}
this.current = node
}
}
comment(token) {
if (token[4] === 'inline') {
let node = new Comment()
this.init(node, token[2])
node.raws.inline = true
let pos = this.input.fromOffset(token[3])
node.source.end = { offset: token[3], line: pos.line, column: pos.col }
let text = token[1].slice(2)
if (/^\s*$/.test(text)) {
node.text = ''
node.raws.left = text
node.raws.right = ''
} else {
let match = text.match(/^(\s*)([^]*\S)(\s*)$/)
let fixed = match[2].replace(/(\*\/|\/\*)/g, '*//*')
node.text = fixed
node.raws.left = match[1]
node.raws.right = match[3]
node.raws.text = match[2]
}
} else {
super.comment(token)
}
}
atrule(token) {
let name = token[1]
let prev = token
while (!this.tokenizer.endOfFile()) {
let next = this.tokenizer.nextToken()
if (next[0] === 'word' && next[2] === prev[3] + 1) {
name += next[1]
prev = next
} else {
this.tokenizer.back(next)
break
}
}
super.atrule(['at-word', name, token[2], prev[3]])
}
raw(node, prop, tokens) {
super.raw(node, prop, tokens)
if (node.raws[prop]) {
let scss = node.raws[prop].raw
node.raws[prop].raw = tokens.reduce((all, i) => {
if (i[0] === 'comment' && i[4] === 'inline') {
let text = i[1].slice(2).replace(/(\*\/|\/\*)/g, '*//*')
return all + '/*' + text + '*/'
} else {
return all + i[1]
}
}, '')
if (scss !== node.raws[prop].raw) {
node.raws[prop].scss = scss
}
}
}
}
module.exports = ScssParser