replaceNestedClassNameReferences() — tailwindcss Function Reference

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

Function typescript OxideCore PreProcessors calls 4 called by 1

Entity Profile

OxideCore→ PreProcessors→ replaceNestedClassNameReferences() — tailwindcss Function Reference

Dependency Diagram

graph TD
  387b2b72_8509_7339_6444_0aa98e0581bb["replaceNestedClassNameReferences()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d["buildPluginApi()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d -->|calls| 387b2b72_8509_7339_6444_0aa98e0581bb
  a32bba76_f60d_883f_1ff1_276a0bb9db9f["walk()"]
  387b2b72_8509_7339_6444_0aa98e0581bb -->|calls| a32bba76_f60d_883f_1ff1_276a0bb9db9f
  7cf1fe2b_69a4_05dc_ae13_d3eebe4e10fc["escape()"]
  387b2b72_8509_7339_6444_0aa98e0581bb -->|calls| 7cf1fe2b_69a4_05dc_ae13_d3eebe4e10fc
  253418a1_4f08_cf0e_5b8e_c6392b9959eb["parse()"]
  387b2b72_8509_7339_6444_0aa98e0581bb -->|calls| 253418a1_4f08_cf0e_5b8e_c6392b9959eb
  e7a34553_0273_6202_4792_07409e33d8f0["toCss()"]
  387b2b72_8509_7339_6444_0aa98e0581bb -->|calls| e7a34553_0273_6202_4792_07409e33d8f0
  style 387b2b72_8509_7339_6444_0aa98e0581bb 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)
    }
  })
}