injectVarIntoVariant() — tailwindcss Function Reference

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

Function typescript OxideCore Extractor calls 3 called by 1

Entity Profile

OxideCore→ Extractor→ injectVarIntoVariant() — tailwindcss Function Reference

Dependency Diagram

graph TD
  8bcd32c5_cfda_22a4_547e_0b720e631669["injectVarIntoVariant()"]
  0d34c838_b3bc_b388_6b0d_17fe24312e5f["migrateAutomaticVarInjection()"]
  0d34c838_b3bc_b388_6b0d_17fe24312e5f -->|calls| 8bcd32c5_cfda_22a4_547e_0b720e631669
  18d71693_71d1_81d2_e184_706f0fb3d889["isAutomaticVarInjectionException()"]
  8bcd32c5_cfda_22a4_547e_0b720e631669 -->|calls| 18d71693_71d1_81d2_e184_706f0fb3d889
  9f431403_6ec6_3975_affd_3dd62eb31d98["createEmptyCandidate()"]
  8bcd32c5_cfda_22a4_547e_0b720e631669 -->|calls| 9f431403_6ec6_3975_affd_3dd62eb31d98
  529f2fd2_4c56_a018_3a52_f4d34e36e476["injectVar()"]
  8bcd32c5_cfda_22a4_547e_0b720e631669 -->|calls| 529f2fd2_4c56_a018_3a52_f4d34e36e476
  style 8bcd32c5_cfda_22a4_547e_0b720e631669 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
}