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 OxideEngine Scanner 5 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  25eef9c2_2274_0e13_2eab_600389c47c13["sort.bench.ts"]
  7fd72d4c_e95c_d849_1002_1e1c9d8aca1a["design-system.ts"]
  25eef9c2_2274_0e13_2eab_600389c47c13 --> 7fd72d4c_e95c_d849_1002_1e1c9d8aca1a
  9b965fd7_d8e9_0b43_cd5d_c9294ab598ed["buildDesignSystem"]
  25eef9c2_2274_0e13_2eab_600389c47c13 --> 9b965fd7_d8e9_0b43_cd5d_c9294ab598ed
  80295787_127f_69e6_91b3_4bea3a484544["theme.ts"]
  25eef9c2_2274_0e13_2eab_600389c47c13 --> 80295787_127f_69e6_91b3_4bea3a484544
  734cf7ec_fb2a_2532_7b20_b3a815c7e3e6["Theme"]
  25eef9c2_2274_0e13_2eab_600389c47c13 --> 734cf7ec_fb2a_2532_7b20_b3a815c7e3e6
  696bd648_5f24_1b59_8e8b_7a97a692869e["vitest"]
  25eef9c2_2274_0e13_2eab_600389c47c13 --> 696bd648_5f24_1b59_8e8b_7a97a692869e
  style 25eef9c2_2274_0e13_2eab_600389c47c13 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 OxideEngine domain, Scanner 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: OxideEngine, subdomain: Scanner, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free