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] } node.source.start = { line: tokens[0][2], column: tokens[0][3] } 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) } } 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