import selectorParser from 'postcss-selector-parser'

let elementSelectorParser = selectorParser((selectors) => {
  return selectors.map((s) => {
    return s
      .split((n) => n.type === 'combinator')
      .pop()
      .filter((n) => n.type !== 'pseudo' || n.value.startsWith('::'))
      .join('')
      .trim()
  })
})

let cache = new Map()

function extractElementSelector(selector) {
  if (!cache.has(selector)) {
    cache.set(selector, elementSelectorParser.transformSync(selector))
  }

  return cache.get(selector)
}

export default function collapseAdjacentRules() {
  return (root) => {
    let variableNodeMap = new Map()
    let universals = new Set()

    root.walkDecls((decl) => {
      if (!decl.prop.startsWith('--')) {
        return
      }

      if (decl.parent.selector === '*::tailwind') {
        universals.add(decl.parent)
        return
      }

      let variable = decl.prop

      if (!variableNodeMap.has(variable)) {
        variableNodeMap.set(variable, new Set())
      }

      variableNodeMap.get(variable).add(decl.parent)
    })

    for (let universal of universals) {
      let selectors = new Set()

      universal.walkDecls((decl) => {
        let variable = decl.prop

        for (let node of variableNodeMap.get(variable) ?? []) {
          for (let selector of extractElementSelector(node.selector)) {
            selectors.add(selector)
          }
        }
      })

      universal.selectors = [...selectors]
    }
  }
}