injectVarIntoVariant() — tailwindcss Function Reference

Architecture documentation for the injectVarIntoVariant() function in migrate-automatic-var-injection.ts from the tailwindcss codebase.

Function typescript MigrationSuite TemplateMigration calls 3 called by 1

Entity Profile

MigrationSuite→ TemplateMigration→ injectVarIntoVariant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  4c50d4c9_d654_3056_42e2_ba6a553be1b2["injectVarIntoVariant()"]
  39857840_c6e7_0594_122a_445c1ca9d108["migrateAutomaticVarInjection()"]
  39857840_c6e7_0594_122a_445c1ca9d108 -->|calls| 4c50d4c9_d654_3056_42e2_ba6a553be1b2
  dd118980_144b_59fb_67e2_653ea68e26ea["isAutomaticVarInjectionException()"]
  4c50d4c9_d654_3056_42e2_ba6a553be1b2 -->|calls| dd118980_144b_59fb_67e2_653ea68e26ea
  57fb5c95_24f0_a3de_416e_de3ebdf7f7b2["createEmptyCandidate()"]
  4c50d4c9_d654_3056_42e2_ba6a553be1b2 -->|calls| 57fb5c95_24f0_a3de_416e_de3ebdf7f7b2
  5a669ddb_c6e4_576f_e97a_a8046c2834d8["injectVar()"]
  4c50d4c9_d654_3056_42e2_ba6a553be1b2 -->|calls| 5a669ddb_c6e4_576f_e97a_a8046c2834d8
  style 4c50d4c9_d654_3056_42e2_ba6a553be1b2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/@tailwindcss-upgrade/src/codemods/template/migrate-automatic-var-injection.ts lines 103–128

function injectVarIntoVariant(designSystem: DesignSystem, variant: Variant): boolean {
  let didChange = false
  if (
    variant.kind === 'functional' &&
    variant.value &&
    variant.value.kind === 'arbitrary' &&
    !isAutomaticVarInjectionException(
      designSystem,
      createEmptyCandidate(variant),
      variant.value.value,
    )
  ) {
    let { value, didChange: valueDidChange } = injectVar(variant.value.value)
    variant.value.value = value
    didChange ||= valueDidChange
  }

  if (variant.kind === 'compound') {
    let compoundDidChange = injectVarIntoVariant(designSystem, variant.variant)
    if (compoundDidChange) {
      didChange = true
    }
  }

  return didChange
}