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

index.ts — tailwindcss Source File

Architecture documentation for index.ts, a typescript file in the tailwindcss codebase. 50 imports, 3 dependents.

File typescript Oxide Extractor 50 imports 3 dependents 9 functions

Entity Profile

Dependency Diagram

graph LR
  23bd4e2f_c62c_a942_7014_8486569053ee["index.ts"]
  742a7a73_2df5_023d_34a3_b2a9d7e7ed07["package.json"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 742a7a73_2df5_023d_34a3_b2a9d7e7ed07
  1721da0c_9e1d_5bee_ab0a_a192cfa6640d["apply.ts"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 1721da0c_9e1d_5bee_ab0a_a192cfa6640d
  7ad9d996_c0ff_47f5_d131_ab2ead06506e["substituteAtApply"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 7ad9d996_c0ff_47f5_d131_ab2ead06506e
  b9cbffa4_c352_cf3c_268f_cbb174fb3a47["ast.ts"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> b9cbffa4_c352_cf3c_268f_cbb174fb3a47
  d09294cc_b29f_8605_b873_6cdc178ea33d["atRoot"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> d09294cc_b29f_8605_b873_6cdc178ea33d
  2f6881be_62d9_4b96_7331_a962ced095f7["atRule"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 2f6881be_62d9_4b96_7331_a962ced095f7
  fdbae017_3891_f845_038f_5fc0e026e5e4["comment"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> fdbae017_3891_f845_038f_5fc0e026e5e4
  b75d79c9_e7f1_5470_9b5b_82bcda89d98f["context"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> b75d79c9_e7f1_5470_9b5b_82bcda89d98f
  94749bfc_586d_a227_ed27_a6fae4004c50["cssContext"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 94749bfc_586d_a227_ed27_a6fae4004c50
  1369a6dc_e395_347d_5d24_b88e22c5446d["decl"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 1369a6dc_e395_347d_5d24_b88e22c5446d
  9f2a64dc_05ff_3425_1af8_f2dbd33c3b9a["optimizeAst"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 9f2a64dc_05ff_3425_1af8_f2dbd33c3b9a
  085cf56e_8188_afb1_04da_5ccd0fb7babc["rule"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 085cf56e_8188_afb1_04da_5ccd0fb7babc
  2a22052d_f868_4f88_0a03_2033be58172d["styleRule"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 2a22052d_f868_4f88_0a03_2033be58172d
  9b49f3c6_0c8d_5c62_965c_30a1db6499f8["toCss"]
  23bd4e2f_c62c_a942_7014_8486569053ee --> 9b49f3c6_0c8d_5c62_965c_30a1db6499f8
  style 23bd4e2f_c62c_a942_7014_8486569053ee fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { version } from '../package.json'
import { substituteAtApply } from './apply'
import {
  atRoot,
  atRule,
  comment,
  context,
  context as contextNode,
  cssContext,
  decl,
  optimizeAst,
  rule,
  styleRule,
  toCss,
  type AstNode,
  type AtRule,
  type Context,
  type StyleRule,
} from './ast'
import { substituteAtImports } from './at-import'
import { applyCompatibilityHooks } from './compat/apply-compat-hooks'
import type { UserConfig } from './compat/config/types'
import { type Plugin } from './compat/plugin-api'
import { compileCandidates } from './compile'
import { substituteFunctions } from './css-functions'
import * as CSS from './css-parser'
import { buildDesignSystem, type DesignSystem } from './design-system'
import { createSourceMap, type DecodedSourceMap } from './source-maps/source-map'
import { Theme, ThemeOptions } from './theme'
import { createCssUtility } from './utilities'
import { expand } from './utils/brace-expansion'
import { escape, unescape } from './utils/escape'
import { segment } from './utils/segment'
import { topologicalSort } from './utils/topological-sort'
import { compoundsForSelectors, IS_VALID_VARIANT_NAME, substituteAtVariant } from './variants'
import { walk, WalkAction } from './walk'
export type Config = UserConfig

const IS_VALID_PREFIX = /^[a-z]+$/

export const enum Polyfills {
  None = 0,

  // Control if fallbacks for `@property` rules are emitted
  AtProperty = 1 << 0,

  // Control if `color-mix(…)` fallbacks are inserted
  ColorMix = 1 << 1,

  // Enable all
  All = AtProperty | ColorMix,
}

type CompileOptions = {
  base?: string
  from?: string
  polyfills?: Polyfills
  loadModule?: (
    id: string,
    base: string,
// ... (807 more lines)

Domain

Subdomains

Functions

Types

Dependencies

Imported By

Source

Frequently Asked Questions

What does index.ts do?
index.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 index.ts?
index.ts defines 9 function(s): __unstable__loadDesignSystem, compile, compileAst, id, parseCss, parseThemeOptions, postcssPluginWarning, throwOnLoadModule, throwOnLoadStylesheet.
What does index.ts depend on?
index.ts imports 50 module(s): Theme, ThemeOptions, UserConfig, WalkAction, apply-compat-hooks.ts, apply.ts, applyCompatibilityHooks, ast.ts, and 42 more.
What files import index.ts?
index.ts is imported by 3 file(s): at-import.test.ts, sort.test.ts, ui.spec.ts.
Where is index.ts in the architecture?
index.ts is located at packages/tailwindcss/src/index.ts (domain: Oxide, subdomain: Extractor, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free