replaceNestedClassNameReferences() — tailwindcss Function Reference

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

Function typescript UpgradeToolkit TemplateAnalysis calls 4 called by 1

Entity Profile

UpgradeToolkit→ TemplateAnalysis→ replaceNestedClassNameReferences() — tailwindcss Function Reference

Dependency Diagram

graph TD
  a0e7559e_bcba_7de4_f51b_c146c7957bfd["replaceNestedClassNameReferences()"]
  af1a6ece_0432_a556_fd63_8cb4a91f12ad["plugin-api.ts"]
  a0e7559e_bcba_7de4_f51b_c146c7957bfd -->|defined in| af1a6ece_0432_a556_fd63_8cb4a91f12ad
  2efa0a66_c375_c031_24ad_1f7509bb9b14["buildPluginApi()"]
  2efa0a66_c375_c031_24ad_1f7509bb9b14 -->|calls| a0e7559e_bcba_7de4_f51b_c146c7957bfd
  ed78da58_8727_ad98_120c_61f35cea357a["walk()"]
  a0e7559e_bcba_7de4_f51b_c146c7957bfd -->|calls| ed78da58_8727_ad98_120c_61f35cea357a
  433dc479_0296_0a89_fd12_79fc4ea2b8bd["escape()"]
  a0e7559e_bcba_7de4_f51b_c146c7957bfd -->|calls| 433dc479_0296_0a89_fd12_79fc4ea2b8bd
  b8a15b09_3dfb_7181_b1f8_368422e178e4["parse()"]
  a0e7559e_bcba_7de4_f51b_c146c7957bfd -->|calls| b8a15b09_3dfb_7181_b1f8_368422e178e4
  9090c137_4d4b_1e4e_5ad3_3883d6b4533a["toCss()"]
  a0e7559e_bcba_7de4_f51b_c146c7957bfd -->|calls| 9090c137_4d4b_1e4e_5ad3_3883d6b4533a
  style a0e7559e_bcba_7de4_f51b_c146c7957bfd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/plugin-api.ts lines 607–624

function replaceNestedClassNameReferences(
  ast: AstNode[],
  utilityName: string,
  rawCandidate: string,
) {
  // Replace nested rules using the utility name in the selector
  walk(ast, (node) => {
    if (node.kind === 'rule') {
      let selectorAst = SelectorParser.parse(node.selector)
      walk(selectorAst, (node) => {
        if (node.kind === 'selector' && node.value === `.${utilityName}`) {
          node.value = `.${escape(rawCandidate)}`
        }
      })
      node.selector = SelectorParser.toCss(selectorAst)
    }
  })
}