Home / Function/ getClassList() — tailwindcss Function Reference

getClassList() — tailwindcss Function Reference

Architecture documentation for the getClassList() function in intellisense.ts from the tailwindcss codebase.

Function typescript OxideEngine Scanner calls 3 called by 1

Entity Profile

Dependency Diagram

graph TD
  72e2da57_c616_3dd9_4146_d33580eb2596["getClassList()"]
  65419ae8_33ea_931a_d1ac_1549de232b64["intellisense.ts"]
  72e2da57_c616_3dd9_4146_d33580eb2596 -->|defined in| 65419ae8_33ea_931a_d1ac_1549de232b64
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem()"]
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed -->|calls| 72e2da57_c616_3dd9_4146_d33580eb2596
  5bcf4886_1230_a8ff_7302_a26cc5a9a525["get()"]
  72e2da57_c616_3dd9_4146_d33580eb2596 -->|calls| 5bcf4886_1230_a8ff_7302_a26cc5a9a525
  7787e2e6_2e19_8e07_7666_21a94194841f["compare()"]
  72e2da57_c616_3dd9_4146_d33580eb2596 -->|calls| 7787e2e6_2e19_8e07_7666_21a94194841f
  b189232f_f48e_d5e4_c174_cf3c8a743d23["sortFractionsLast()"]
  72e2da57_c616_3dd9_4146_d33580eb2596 -->|calls| b189232f_f48e_d5e4_c174_cf3c8a743d23
  style 72e2da57_c616_3dd9_4146_d33580eb2596 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/intellisense.ts lines 24–79

export function getClassList(design: DesignSystem): ClassEntry[] {
  let items = new DefaultMap<string, ClassItem>((utility) => ({
    name: utility,
    utility,
    fraction: false,
    modifiers: [],
  }))

  // Static utilities only work as-is
  for (let utility of design.utilities.keys('static')) {
    let completions = design.utilities.getCompletions(utility)
    if (completions.length === 0) continue

    let item = items.get(utility)
    item.fraction = false
    item.modifiers = []
  }

  // Functional utilities have their own list of completions
  for (let utility of design.utilities.keys('functional')) {
    let completions = design.utilities.getCompletions(utility)

    for (let group of completions) {
      for (let value of group.values) {
        let fraction = value !== null && IS_FRACTION.test(value)

        let name = value === null ? utility : `${utility}-${value}`

        let item = items.get(name)
        item.utility = utility
        item.fraction ||= fraction
        item.modifiers.push(...group.modifiers)

        if (group.supportsNegative) {
          let item = items.get(`-${name}`)
          item.utility = `-${utility}`
          item.fraction ||= fraction
          item.modifiers.push(...group.modifiers)
        }

        // Deduplicate modifiers
        item.modifiers = Array.from(new Set(item.modifiers))
      }
    }
  }

  if (items.size === 0) return []

  // Sort utilities by their class name
  let list = Array.from(items.values())
  list.sort((a, b) => compare(a.name, b.name))

  let entries = sortFractionsLast(list)

  return entries
}

Domain

Subdomains

Frequently Asked Questions

What does getClassList() do?
getClassList() is a function in the tailwindcss codebase, defined in packages/tailwindcss/src/intellisense.ts.
Where is getClassList() defined?
getClassList() is defined in packages/tailwindcss/src/intellisense.ts at line 24.
What does getClassList() call?
getClassList() calls 3 function(s): compare, get, sortFractionsLast.
What calls getClassList()?
getClassList() is called by 1 function(s): buildDesignSystem.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free