updateTailwindContent() — ui Function Reference

Architecture documentation for the updateTailwindContent() function in update-tailwind-content.ts from the ui codebase.

Function typescript FrameworkTooling TemplateSync calls 1

Entity Profile

FrameworkTooling→ TemplateSync→ updateTailwindContent() — ui Function Reference

Dependency Diagram

graph TD
  4f499e1d_f7cd_6cfd_c7cf_c9c5d92dc63b["updateTailwindContent()"]
  d72eaa38_229d_03b5_07e7_be0d275869a1["update-tailwind-content.ts"]
  4f499e1d_f7cd_6cfd_c7cf_c9c5d92dc63b -->|defined in| d72eaa38_229d_03b5_07e7_be0d275869a1
  f258e7e3_eb35_d03e_7b8e_d83716249f2d["transformTailwindContent()"]
  4f499e1d_f7cd_6cfd_c7cf_c9c5d92dc63b -->|calls| f258e7e3_eb35_d03e_7b8e_d83716249f2d
  style 4f499e1d_f7cd_6cfd_c7cf_c9c5d92dc63b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/src/utils/updaters/update-tailwind-content.ts lines 12–42

export async function updateTailwindContent(
  content: string[],
  config: Config,
  options: {
    silent?: boolean
  }
) {
  if (!content) {
    return
  }

  options = {
    silent: false,
    ...options,
  }

  const tailwindFileRelativePath = path.relative(
    config.resolvedPaths.cwd,
    config.resolvedPaths.tailwindConfig
  )
  const tailwindSpinner = spinner(
    `Updating ${highlighter.info(tailwindFileRelativePath)}`,
    {
      silent: options.silent,
    }
  ).start()
  const raw = await fs.readFile(config.resolvedPaths.tailwindConfig, "utf8")
  const output = await transformTailwindContent(raw, content, config)
  await fs.writeFile(config.resolvedPaths.tailwindConfig, output, "utf8")
  tailwindSpinner?.succeed()
}