ui Architecture Docs
Home / Function/ getTailwindVersion() — ui Function Reference

getTailwindVersion() — ui Function Reference

Architecture documentation for the getTailwindVersion() function in get-project-info.ts from the ui codebase.

Function typescript FrameworkTooling TemplateSync called by 2

Entity Profile

Dependency Diagram

graph TD
  0b8c335e_22d6_5983_d77e_720ed057e085["getTailwindVersion()"]
  6a5c3afa_2e3e_bbfc_2351_1976d5a184fe["get-project-info.ts"]
  0b8c335e_22d6_5983_d77e_720ed057e085 -->|defined in| 6a5c3afa_2e3e_bbfc_2351_1976d5a184fe
  90d4c1a4_553f_c7f8_7665_87d6136bf243["getProjectInfo()"]
  90d4c1a4_553f_c7f8_7665_87d6136bf243 -->|calls| 0b8c335e_22d6_5983_d77e_720ed057e085
  fbc853a3_6d9c_5b85_f542_a618e3bc1f17["getTailwindCssFile()"]
  fbc853a3_6d9c_5b85_f542_a618e3bc1f17 -->|calls| 0b8c335e_22d6_5983_d77e_720ed057e085
  style 0b8c335e_22d6_5983_d77e_720ed057e085 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/src/utils/get-project-info.ts lines 210–241

export async function getTailwindVersion(
  cwd: string
): Promise<ProjectInfo["tailwindVersion"]> {
  const [packageInfo, config] = await Promise.all([
    getPackageInfo(cwd, false),
    getConfig(cwd),
  ])

  // If the config file is empty, we can assume that it's a v4 project.
  if (config?.tailwind?.config === "") {
    return "v4"
  }

  if (
    !packageInfo?.dependencies?.tailwindcss &&
    !packageInfo?.devDependencies?.tailwindcss
  ) {
    return null
  }

  if (
    /^(?:\^|~)?3(?:\.\d+)*(?:-.*)?$/.test(
      packageInfo?.dependencies?.tailwindcss ||
        packageInfo?.devDependencies?.tailwindcss ||
        ""
    )
  ) {
    return "v3"
  }

  return "v4"
}

Domain

Subdomains

Defined In

Called By

Source

Frequently Asked Questions

What does getTailwindVersion() do?
getTailwindVersion() is a function in the ui codebase, defined in packages/shadcn/src/utils/get-project-info.ts.
Where is getTailwindVersion() defined?
getTailwindVersion() is defined in packages/shadcn/src/utils/get-project-info.ts at line 210.
What calls getTailwindVersion()?
getTailwindVersion() is called by 2 function(s): getProjectInfo, getTailwindCssFile.

Analyze Your Own Codebase

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

Try Supermodel Free