Home / Function/ walk() — tailwindcss Function Reference

walk() — tailwindcss Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  07d1c181_5704_5e29_cec9_3c03edb8746c["walk()"]
  5d3451a8_5d2d_de8f_920f_deec034713bd["formatNodes()"]
  5d3451a8_5d2d_de8f_920f_deec034713bd -->|calls| 07d1c181_5704_5e29_cec9_3c03edb8746c
  2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0["migrateAtLayerUtilities()"]
  2ec0ecaf_3c01_fcc3_d0f0_05dbeae5f6e0 -->|calls| 07d1c181_5704_5e29_cec9_3c03edb8746c
  f8da4c29_335c_9511_8ded_97963c8de7d7["sortBuckets()"]
  f8da4c29_335c_9511_8ded_97963c8de7d7 -->|calls| 07d1c181_5704_5e29_cec9_3c03edb8746c
  ade5a2c5_6e20_8190_921f_44e7e455abc0["split()"]
  ade5a2c5_6e20_8190_921f_44e7e455abc0 -->|calls| 07d1c181_5704_5e29_cec9_3c03edb8746c
  style 07d1c181_5704_5e29_cec9_3c03edb8746c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/utils/walk.ts lines 18–37

export function walk<T>(
  rule: Walkable<T>,
  cb: (rule: T, idx: number, parent: Walkable<T>) => void | WalkAction,
): undefined | false {
  let result: undefined | false = undefined

  rule.each?.((node, idx) => {
    let action = cb(node, idx, rule) ?? WalkAction.Continue
    if (action === WalkAction.Stop) {
      result = false
      return result
    }
    if (action !== WalkAction.Skip) {
      result = walk(node as Walkable<T>, cb)
      return result
    }
  })

  return result
}

Domain

Subdomains

Frequently Asked Questions

What does walk() do?
walk() is a function in the tailwindcss codebase.
What calls walk()?
walk() is called by 4 function(s): formatNodes, migrateAtLayerUtilities, sortBuckets, split.

Analyze Your Own Codebase

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

Try Supermodel Free