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 CommandLineInterface Renderer 8 imports 8 dependents 1 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  bc267e18_3e03_cc17_3da0_cbc39f148f44["stylesheet.ts"]
  9106ed35_a5a8_5f41_7f5e_a6fe5287f68d["ast.ts"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 9106ed35_a5a8_5f41_7f5e_a6fe5287f68d
  63cea7e8_6a82_90d2_b2b0_c166362f218b["postCssAstToCssAst"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 63cea7e8_6a82_90d2_b2b0_c166362f218b
  08129f89_e6ef_0092_629d_821c60228c89["node"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 08129f89_e6ef_0092_629d_821c60228c89
  9c72d32d_a535_69d4_565b_b620ce2eaae1["node:fs"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 9c72d32d_a535_69d4_565b_b620ce2eaae1
  b75e8457_6610_e7ce_eeaf_9a1dd10fc510["promises"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> b75e8457_6610_e7ce_eeaf_9a1dd10fc510
  89aef3dd_1eed_c141_d425_b8949215a653["node:path"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 89aef3dd_1eed_c141_d425_b8949215a653
  f909665b_1fad_0830_f03c_620b7c9464c3["node:util"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> f909665b_1fad_0830_f03c_620b7c9464c3
  7c3c22f8_be1a_4490_9f3e_622280887fe1["postcss"]
  bc267e18_3e03_cc17_3da0_cbc39f148f44 --> 7c3c22f8_be1a_4490_9f3e_622280887fe1
  c30c28f2_b6df_e90d_67d1_db074bef35a5["analyze.ts"]
  c30c28f2_b6df_e90d_67d1_db074bef35a5 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  391ead49_f8b5_2b23_a9fe_31a150c72620["link.ts"]
  391ead49_f8b5_2b23_a9fe_31a150c72620 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  2cb5ef1d_43c0_4377_fe5a_941d800f83c7["migrate-at-layer-utilities.test.ts"]
  2cb5ef1d_43c0_4377_fe5a_941d800f83c7 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  7de2c7a6_0dcf_0fb9_b7dd_c51f75983852["migrate-at-layer-utilities.ts"]
  7de2c7a6_0dcf_0fb9_b7dd_c51f75983852 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  6685d9c3_9ea1_062b_c4b3_737d22eefe98["migrate-config.ts"]
  6685d9c3_9ea1_062b_c4b3_737d22eefe98 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  9e542b1f_db4d_cc7b_b37d_1324d5719263["migrate.ts"]
  9e542b1f_db4d_cc7b_b37d_1324d5719263 --> bc267e18_3e03_cc17_3da0_cbc39f148f44
  style bc267e18_3e03_cc17_3da0_cbc39f148f44 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 CommandLineInterface domain, Renderer 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: CommandLineInterface, subdomain: Renderer, 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