replaceNestedClassNameReferences() — tailwindcss Function Reference

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

Function typescript CompilerEngine ModuleResolution calls 4 called by 1

Entity Profile

CompilerEngine→ ModuleResolution→ replaceNestedClassNameReferences() — tailwindcss Function Reference

Dependency Diagram

graph TD
  9508f2e7_ca66_c4bb_0665_b6dc278d127a["replaceNestedClassNameReferences()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e["buildPluginApi()"]
  ad196438_55f7_af7b_1604_1d75c1c27d8e -->|calls| 9508f2e7_ca66_c4bb_0665_b6dc278d127a
  e9d556bc_f22d_356c_1bd2_27442c34b5c7["walk()"]
  9508f2e7_ca66_c4bb_0665_b6dc278d127a -->|calls| e9d556bc_f22d_356c_1bd2_27442c34b5c7
  22e232f7_919c_8490_d3d0_2af2fca034d5["escape()"]
  9508f2e7_ca66_c4bb_0665_b6dc278d127a -->|calls| 22e232f7_919c_8490_d3d0_2af2fca034d5
  257c4715_dc91_0c7f_fce8_433a757d9ce6["parse()"]
  9508f2e7_ca66_c4bb_0665_b6dc278d127a -->|calls| 257c4715_dc91_0c7f_fce8_433a757d9ce6
  facc1a1f_efcd_d0e2_17fd_20e6f58eac32["toCss()"]
  9508f2e7_ca66_c4bb_0665_b6dc278d127a -->|calls| facc1a1f_efcd_d0e2_17fd_20e6f58eac32
  style 9508f2e7_ca66_c4bb_0665_b6dc278d127a 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)
    }
  })
}