getClassList() — tailwindcss Function Reference

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

Function typescript Oxide Extractor calls 3 called by 1

Entity Profile

Oxide→ Extractor→ getClassList() — tailwindcss Function Reference

Dependency Diagram

graph TD
  d4f33cd8_f991_3b2a_eeaa_4435de84f79d["getClassList()"]
  aed99406_85bd_0230_7820_e5b6fa3efe70["intellisense.ts"]
  d4f33cd8_f991_3b2a_eeaa_4435de84f79d -->|defined in| aed99406_85bd_0230_7820_e5b6fa3efe70
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem()"]
  e557c8a4_bb27_ee44_c462_9e238157ad04 -->|calls| d4f33cd8_f991_3b2a_eeaa_4435de84f79d
  2820372c_b982_9e06_fc23_f8f4ac308d00["get()"]
  d4f33cd8_f991_3b2a_eeaa_4435de84f79d -->|calls| 2820372c_b982_9e06_fc23_f8f4ac308d00
  b45e6f94_1ba7_7e51_9816_073c45d06c7a["compare()"]
  d4f33cd8_f991_3b2a_eeaa_4435de84f79d -->|calls| b45e6f94_1ba7_7e51_9816_073c45d06c7a
  7707f914_7814_3866_beb4_b453be6fb367["sortFractionsLast()"]
  d4f33cd8_f991_3b2a_eeaa_4435de84f79d -->|calls| 7707f914_7814_3866_beb4_b453be6fb367
  style d4f33cd8_f991_3b2a_eeaa_4435de84f79d 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
}