tailwindcss Architecture Docs
Home / File/ sort.bench.ts — tailwindcss Source File

sort.bench.ts — tailwindcss Source File

Architecture documentation for sort.bench.ts, a typescript file in the tailwindcss codebase. 5 imports, 0 dependents.

File typescript Oxide PreProcessors 5 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  c9311894_1a5e_697f_82ed_fee32a98b8a1["sort.bench.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1 --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  e557c8a4_bb27_ee44_c462_9e238157ad04["buildDesignSystem"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1 --> e557c8a4_bb27_ee44_c462_9e238157ad04
  e28cd4a7_4e1a_e79b_76f1_86c479c6640d["theme.ts"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1 --> e28cd4a7_4e1a_e79b_76f1_86c479c6640d
  e7a2e966_188e_28f5_d9d6_e54e27e0d0f2["Theme"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1 --> e7a2e966_188e_28f5_d9d6_e54e27e0d0f2
  f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3["vitest"]
  c9311894_1a5e_697f_82ed_fee32a98b8a1 --> f1e05e5f_c1b2_a3f5_b2e8_3317b9243ac3
  style c9311894_1a5e_697f_82ed_fee32a98b8a1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { bench } from 'vitest'
import { buildDesignSystem } from './design-system'
import { Theme } from './theme'

const input = 'a-class px-3 p-1 b-class py-3 bg-red-500 bg-blue-500'.split(' ')
const emptyDesign = buildDesignSystem(new Theme())
const simpleDesign = (() => {
  let simpleTheme = new Theme()
  simpleTheme.add('--spacing-1', '0.25rem')
  simpleTheme.add('--spacing-3', '0.75rem')
  simpleTheme.add('--spacing-4', '1rem')
  simpleTheme.add('--color-red-500', 'red')
  simpleTheme.add('--color-blue-500', 'blue')
  return buildDesignSystem(simpleTheme)
})()

bench('getClassOrder (empty theme)', () => {
  emptyDesign.getClassOrder(input)
})

bench('getClassOrder (simple theme)', () => {
  simpleDesign.getClassOrder(input)
})

Domain

Subdomains

Functions

Dependencies

Source

Frequently Asked Questions

What does sort.bench.ts do?
sort.bench.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain, PreProcessors subdomain.
What functions are defined in sort.bench.ts?
sort.bench.ts defines 1 function(s): simpleDesign.
What does sort.bench.ts depend on?
sort.bench.ts imports 5 module(s): Theme, buildDesignSystem, design-system.ts, theme.ts, vitest.
Where is sort.bench.ts in the architecture?
sort.bench.ts is located at packages/tailwindcss/src/sort.bench.ts (domain: Oxide, subdomain: PreProcessors, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free