getAppliedNodeStack() — tailwindcss Function Reference

Architecture documentation for the getAppliedNodeStack() function in migrate-variant-order.ts from the tailwindcss codebase.

Function typescript OxideCore Extractor calls 1 called by 3

Entity Profile

OxideCore→ Extractor→ getAppliedNodeStack() — tailwindcss Function Reference

Dependency Diagram

graph TD
  b2aa4c79_dca9_e3fa_1c20_a0f13da7581b["getAppliedNodeStack()"]
  45938768_ab74_2591_e445_87844f1f028d["isAtRuleVariant()"]
  45938768_ab74_2591_e445_87844f1f028d -->|calls| b2aa4c79_dca9_e3fa_1c20_a0f13da7581b
  ae400e34_4c55_4748_93ac_d3a4a0034c44["isCombinatorVariant()"]
  ae400e34_4c55_4748_93ac_d3a4a0034c44 -->|calls| b2aa4c79_dca9_e3fa_1c20_a0f13da7581b
  aedbc52b_e5fc_aa81_5ba7_14133c26db65["isEndOfSelectorPseudoElement()"]
  aedbc52b_e5fc_aa81_5ba7_14133c26db65 -->|calls| b2aa4c79_dca9_e3fa_1c20_a0f13da7581b
  a32bba76_f60d_883f_1ff1_276a0bb9db9f["walk()"]
  b2aa4c79_dca9_e3fa_1c20_a0f13da7581b -->|calls| a32bba76_f60d_883f_1ff1_276a0bb9db9f
  style b2aa4c79_dca9_e3fa_1c20_a0f13da7581b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.ts lines 102–128

function getAppliedNodeStack(designSystem: DesignSystem, variant: Variant): AstNode[] {
  let stack: AstNode[] = []
  let ast = designSystem
    .compileAstNodes({
      kind: 'arbitrary',
      property: 'color',
      value: 'red',
      modifier: null,
      variants: [variant],
      important: false,
      raw: 'candidate',
    })
    .map((c) => c.node)

  walk(ast, (node) => {
    // Ignore the variant root class
    if (node.kind === 'rule' && node.selector === '.candidate') {
      return
    }
    // Ignore the dummy declaration
    if (node.kind === 'declaration' && node.property === 'color' && node.value === 'red') {
      return
    }
    stack.push(node)
  })
  return stack
}