getTailwindCssFile() — ui Function Reference

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

Function typescript FrameworkTooling CLICore calls 1 called by 1

Entity Profile

FrameworkTooling→ CLICore→ getTailwindCssFile() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/shadcn/src/utils/get-project-info.ts lines 243–271

export async function getTailwindCssFile(cwd: string) {
  const [files, tailwindVersion] = await Promise.all([
    fg.glob(["**/*.css", "**/*.scss"], {
      cwd,
      deep: 5,
      ignore: PROJECT_SHARED_IGNORE,
    }),
    getTailwindVersion(cwd),
  ])

  if (!files.length) {
    return null
  }

  const needle =
    tailwindVersion === "v4" ? `@import "tailwindcss"` : "@tailwind base"
  for (const file of files) {
    const contents = await fs.readFile(path.resolve(cwd, file), "utf8")
    if (
      contents.includes(`@import "tailwindcss"`) ||
      contents.includes(`@import 'tailwindcss'`) ||
      contents.includes(`@tailwind base`)
    ) {
      return file
    }
  }

  return null
}