transformStyle() — ui Function Reference

Architecture documentation for the transformStyle() function in transform.ts from the ui codebase.

Function typescript FrameworkTooling CLICore

Entity Profile

FrameworkTooling→ CLICore→ transformStyle() — ui Function Reference

Dependency Diagram

graph TD
  5ec0bf37_bf4d_f3c0_1d2a_754724c3e36b["transformStyle()"]
  b35e7ac9_4f0f_f678_f1a6_1e42325d5108["transform.ts"]
  5ec0bf37_bf4d_f3c0_1d2a_754724c3e36b -->|defined in| b35e7ac9_4f0f_f678_f1a6_1e42325d5108
  style 5ec0bf37_bf4d_f3c0_1d2a_754724c3e36b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/shadcn/src/styles/transform.ts lines 11–35

export async function transformStyle(
  source: string,
  {
    styleMap,
    transformers = [transformStyleMap],
  }: {
    styleMap: StyleMap
    transformers?: TransformerStyle<SourceFile>[]
  }
) {
  const project = new Project({
    useInMemoryFileSystem: true,
  })

  const sourceFile = project.createSourceFile("component.tsx", source, {
    scriptKind: ScriptKind.TSX,
    overwrite: true,
  })

  for (const transformer of transformers) {
    await transformer({ sourceFile, styleMap })
  }

  return sourceFile.getText()
}