tailwindcss Architecture Docs
Home / File/ variables.ts — tailwindcss Source File

variables.ts — tailwindcss Source File

Architecture documentation for variables.ts, a typescript file in the tailwindcss codebase. 4 imports, 2 dependents.

File typescript Oxide Extractor 4 imports 2 dependents 1 functions

Entity Profile

Dependency Diagram

graph LR
  1bf56ca1_f8c2_89ae_a95d_926dfbb81670["variables.ts"]
  d9175aea_5971_a6c1_773d_004ce3789372["value-parser.ts"]
  1bf56ca1_f8c2_89ae_a95d_926dfbb81670 --> d9175aea_5971_a6c1_773d_004ce3789372
  1b8f1c54_b1e9_e18d_0719_b7ad92808185["walk.ts"]
  1bf56ca1_f8c2_89ae_a95d_926dfbb81670 --> 1b8f1c54_b1e9_e18d_0719_b7ad92808185
  4982d9ce_98d4_85d9_44af_7cc47b93c482["walk"]
  1bf56ca1_f8c2_89ae_a95d_926dfbb81670 --> 4982d9ce_98d4_85d9_44af_7cc47b93c482
  47187d1b_a6f7_f734_0752_446b87b5cd9e["WalkAction"]
  1bf56ca1_f8c2_89ae_a95d_926dfbb81670 --> 47187d1b_a6f7_f734_0752_446b87b5cd9e
  b9cbffa4_c352_cf3c_268f_cbb174fb3a47["ast.ts"]
  b9cbffa4_c352_cf3c_268f_cbb174fb3a47 --> 1bf56ca1_f8c2_89ae_a95d_926dfbb81670
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e --> 1bf56ca1_f8c2_89ae_a95d_926dfbb81670
  style 1bf56ca1_f8c2_89ae_a95d_926dfbb81670 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import * as ValueParser from '../value-parser'
import { walk, WalkAction } from '../walk'

export function extractUsedVariables(raw: string): string[] {
  let variables: string[] = []
  walk(ValueParser.parse(raw), (node) => {
    if (node.kind !== 'function' || node.value !== 'var') return

    walk(node.nodes, (child) => {
      if (child.kind !== 'word' || child.value[0] !== '-' || child.value[1] !== '-') return

      variables.push(child.value)
    })

    return WalkAction.Skip
  })
  return variables
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does variables.ts do?
variables.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain, Extractor subdomain.
What functions are defined in variables.ts?
variables.ts defines 1 function(s): extractUsedVariables.
What does variables.ts depend on?
variables.ts imports 4 module(s): WalkAction, value-parser.ts, walk, walk.ts.
What files import variables.ts?
variables.ts is imported by 2 file(s): ast.ts, design-system.ts.
Where is variables.ts in the architecture?
variables.ts is located at packages/tailwindcss/src/utils/variables.ts (domain: Oxide, subdomain: Extractor, directory: packages/tailwindcss/src/utils).

Analyze Your Own Codebase

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

Try Supermodel Free