replaceNestedClassNameReferences() — tailwindcss Function Reference

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

Function typescript Oxide Scanner calls 4 called by 1

Entity Profile

Oxide→ Scanner→ replaceNestedClassNameReferences() — tailwindcss Function Reference

Dependency Diagram

graph TD
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2["replaceNestedClassNameReferences()"]
  da5d1116_ab2a_437a_6b13_c1429fd546fa["plugin-api.ts"]
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 -->|defined in| da5d1116_ab2a_437a_6b13_c1429fd546fa
  31653e23_464a_3652_4a48_0c82332a92c4["buildPluginApi()"]
  31653e23_464a_3652_4a48_0c82332a92c4 -->|calls| bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2
  4982d9ce_98d4_85d9_44af_7cc47b93c482["walk()"]
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 -->|calls| 4982d9ce_98d4_85d9_44af_7cc47b93c482
  3330a25c_8114_660c_a3c7_8f1aaa37457d["escape()"]
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 -->|calls| 3330a25c_8114_660c_a3c7_8f1aaa37457d
  9d7d664d_b6fd_88fd_8800_4b530c33a95b["parse()"]
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 -->|calls| 9d7d664d_b6fd_88fd_8800_4b530c33a95b
  3d8fd16a_e231_9a51_bd56_8f9f2b44612b["toCss()"]
  bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 -->|calls| 3d8fd16a_e231_9a51_bd56_8f9f2b44612b
  style bc71102c_3f3f_0a7f_c5dc_2ea1f291aec2 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)
    }
  })
}