getClassOrder() — tailwindcss Function Reference

Architecture documentation for the getClassOrder() function in sort.ts from the tailwindcss codebase.

Function typescript OxideCore Extractor calls 1 called by 1

Entity Profile

OxideCore→ Extractor→ getClassOrder() — tailwindcss Function Reference

Dependency Diagram

graph TD
  781cdb66_7551_475b_1463_fec48331a096["getClassOrder()"]
  c58d3214_88d6_f4fc_257f_8e84def5b24f["buildDesignSystem()"]
  c58d3214_88d6_f4fc_257f_8e84def5b24f -->|calls| 781cdb66_7551_475b_1463_fec48331a096
  19c89ebd_512f_276a_754b_c043c41d7bd4["compileCandidates()"]
  781cdb66_7551_475b_1463_fec48331a096 -->|calls| 19c89ebd_512f_276a_754b_c043c41d7bd4
  style 781cdb66_7551_475b_1463_fec48331a096 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/sort.ts lines 4–30

export function getClassOrder(design: DesignSystem, classes: string[]): [string, bigint | null][] {
  // Generate a sorted AST
  let { astNodes, nodeSorting } = compileCandidates(Array.from(classes), design)

  // Map class names to their order in the AST
  // `null` indicates a non-Tailwind class
  let sorted = new Map<string, bigint | null>(classes.map((className) => [className, null]))

  // Assign each class a unique, sorted number
  let idx = 0n

  for (let node of astNodes) {
    let candidate = nodeSorting.get(node)?.candidate
    if (!candidate) continue

    // When multiple rules match a candidate
    // always take the position of the first one
    sorted.set(candidate, sorted.get(candidate) ?? idx++)
  }

  // Pair classes with their assigned sorting number
  return classes.map((className) => [
    //
    className,
    sorted.get(className) ?? null,
  ])
}