parseVariantValue() — tailwindcss Function Reference

Architecture documentation for the parseVariantValue() function in plugin-api.ts from the tailwindcss codebase.

Function typescript UpgradeToolkit TemplateAnalysis calls 3 called by 1

Entity Profile

UpgradeToolkit→ TemplateAnalysis→ parseVariantValue() — tailwindcss Function Reference

Dependency Diagram

graph TD
  e4fb3115_ed56_fc92_888c_5174adbc3ff5["parseVariantValue()"]
  af1a6ece_0432_a556_fd63_8cb4a91f12ad["plugin-api.ts"]
  e4fb3115_ed56_fc92_888c_5174adbc3ff5 -->|defined in| af1a6ece_0432_a556_fd63_8cb4a91f12ad
  2efa0a66_c375_c031_24ad_1f7509bb9b14["buildPluginApi()"]
  2efa0a66_c375_c031_24ad_1f7509bb9b14 -->|calls| e4fb3115_ed56_fc92_888c_5174adbc3ff5
  852badc5_8e84_ea07_33ee_dc57e83d550c["substituteAtSlot()"]
  e4fb3115_ed56_fc92_888c_5174adbc3ff5 -->|calls| 852badc5_8e84_ea07_33ee_dc57e83d550c
  b8a15b09_3dfb_7181_b1f8_368422e178e4["parse()"]
  e4fb3115_ed56_fc92_888c_5174adbc3ff5 -->|calls| b8a15b09_3dfb_7181_b1f8_368422e178e4
  66319c06_7c38_f9ea_4bf0_2a0e18bac1a4["rule()"]
  e4fb3115_ed56_fc92_888c_5174adbc3ff5 -->|calls| 66319c06_7c38_f9ea_4bf0_2a0e18bac1a4
  style e4fb3115_ed56_fc92_888c_5174adbc3ff5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/plugin-api.ts lines 590–602

function parseVariantValue(resolved: string | string[], nodes: AstNode[]): AstNode[] {
  let resolvedArray = typeof resolved === 'string' ? [resolved] : resolved
  return resolvedArray.flatMap((r) => {
    if (r.trim().endsWith('}')) {
      let updatedCSS = r.replace('}', '{@slot}}')
      let ast = CSS.parse(updatedCSS)
      substituteAtSlot(ast, nodes)
      return ast
    } else {
      return rule(r, nodes)
    }
  })
}