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

stylesheet.ts — tailwindcss Source File

Architecture documentation for stylesheet.ts, a typescript file in the tailwindcss codebase. 8 imports, 8 dependents.

File typescript UpgradeToolkit TemplateAnalysis 8 imports 8 dependents 1 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1["stylesheet.ts"]
  25f462e7_c718_35c5_7ff1_b1b41cc176bf["ast.ts"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 25f462e7_c718_35c5_7ff1_b1b41cc176bf
  117741fb_51f9_63e4_669e_170efd25ca86["postCssAstToCssAst"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 117741fb_51f9_63e4_669e_170efd25ca86
  92f2d961_72a4_d195_92d7_2e66972f8894["node"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 92f2d961_72a4_d195_92d7_2e66972f8894
  6390fa3b_300d_6028_9e96_c869157db42d["node:fs"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 6390fa3b_300d_6028_9e96_c869157db42d
  8118fcf2_a51d_d1a1_93d3_c71d3a646692["promises"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 8118fcf2_a51d_d1a1_93d3_c71d3a646692
  2a7660a5_3e09_bd74_37f0_e4e54bc64ce5["node:path"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 2a7660a5_3e09_bd74_37f0_e4e54bc64ce5
  041a5d56_b2a1_1fbe_eb9b_b605f45324db["node:util"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> 041a5d56_b2a1_1fbe_eb9b_b605f45324db
  ba54c7c3_7b1e_9984_bfef_a693a3df2d84["postcss"]
  41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 --> ba54c7c3_7b1e_9984_bfef_a693a3df2d84
  764d02dc_895f_8f85_d274_59af948c9ebb["analyze.ts"]
  764d02dc_895f_8f85_d274_59af948c9ebb --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  9db14b70_46b7_0974_d9fd_49584e40ff70["link.ts"]
  9db14b70_46b7_0974_d9fd_49584e40ff70 --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  bf639994_959a_cded_6f3a_163595545a18["migrate-at-layer-utilities.test.ts"]
  bf639994_959a_cded_6f3a_163595545a18 --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  9e4e8a58_fb9b_d663_2880_954972aac787["migrate-at-layer-utilities.ts"]
  9e4e8a58_fb9b_d663_2880_954972aac787 --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  deadb2f6_312c_a055_6892_b63958628b61["migrate-config.ts"]
  deadb2f6_312c_a055_6892_b63958628b61 --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  67f80607_3a88_f275_79a1_b9557100d939["migrate.ts"]
  67f80607_3a88_f275_79a1_b9557100d939 --> 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1
  style 41fd12a7_15c2_7d83_2e55_c5b9a8faf9b1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { __unstable__loadDesignSystem, compileAst } from '@tailwindcss/node'
import * as fsSync from 'node:fs'
import * as fs from 'node:fs/promises'
import * as path from 'node:path'
import * as util from 'node:util'
import * as postcss from 'postcss'
import { postCssAstToCssAst } from '../../@tailwindcss-postcss/src/ast'

export type StylesheetId = string

export interface StylesheetConnection {
  item: Stylesheet
  meta: {
    layers: string[]
  }
}

export class Stylesheet {
  /**
   * A unique identifier for this stylesheet
   *
   * Used to track the stylesheet in PostCSS nodes.
   */
  id: StylesheetId

  /**
   * The PostCSS AST that represents this stylesheet.
   */
  root: postcss.Root

  /**
   * Whether or not this stylesheet is a Tailwind CSS root stylesheet.
   */
  isTailwindRoot = false

  /**
   * The Tailwind config path that is linked to this stylesheet. Essentially the
   * contents of `@config`.
   */
  linkedConfigPath: string | null = null

  /**
   * The path to the file that this stylesheet was loaded from.
   *
   * If this stylesheet was not loaded from a file this will be `null`.
   */
  file: string | null = null

  /**
   * Stylesheets that import this stylesheet.
   */
  parents = new Set<StylesheetConnection>()

  /**
   * Stylesheets that are imported by stylesheet.
   */
  children = new Set<StylesheetConnection>()

  /**
   * Whether or not this stylesheet can be migrated
// ... (255 more lines)

Domain

Subdomains

Functions

Classes

Types

Dependencies

Imported By

Source

Frequently Asked Questions

What does stylesheet.ts do?
stylesheet.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the UpgradeToolkit domain, TemplateAnalysis subdomain.
What functions are defined in stylesheet.ts?
stylesheet.ts defines 1 function(s): walkDepth.
What does stylesheet.ts depend on?
stylesheet.ts imports 8 module(s): ast.ts, node, node:fs, node:path, node:util, postCssAstToCssAst, postcss, promises.
What files import stylesheet.ts?
stylesheet.ts is imported by 8 file(s): analyze.ts, index.ts, link.ts, migrate-at-layer-utilities.test.ts, migrate-at-layer-utilities.ts, migrate-config.ts, migrate.ts, split.ts.
Where is stylesheet.ts in the architecture?
stylesheet.ts is located at packages/@tailwindcss-upgrade/src/stylesheet.ts (domain: UpgradeToolkit, subdomain: TemplateAnalysis, directory: packages/@tailwindcss-upgrade/src).

Analyze Your Own Codebase

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

Try Supermodel Free