Function parseCandidate

packages/tailwindcss/src/candidate.ts:317–613

(input: string, designSystem: DesignSystem)

}

export function* parseCandidate(input: string, designSystem: DesignSystem): Iterable<Candidate> {
  class="cm">// hover:focus:underline
  class="cm">// ^^^^^ ^^^^^^           -> Variants
  class="cm">//             ^^^^^^^^^  -> Base
  let rawVariants = segment(input, class="st">':')

  class="cm">// A prefix is a special variant used to prefix all utilities. When present,
  class="cm">// all utilities must start with that variant which we will then remove from
  class="cm">// the variant list so no other part of the codebase has to know about it.
  if (designSystem.theme.prefix) {
    if (rawVariants.length === 1) return null
    if (rawVariants[0] !== designSystem.theme.prefix) return null

    rawVariants.shift()
  }

  class="cm">// Safety: At this point it is safe to use TypeScript's non-null assertion
  class="cm">// operator because even if the `input` was an empty string, splitting an
  class="cm">// empty string by `:` will always result in an array with at least one
  class="cm">// element.
  let base = rawVariants.pop()!

  let parsedCandidateVariants: Variant[] = []

  for (let i = rawVariants.length - 1; i >= 0; --i) {
    let parsedVariant = designSystem.parseVariant(rawVariants[i])
    if (parsedVariant === null) return

    parsedCandidateVariants.push(parsedVariant)
  }

  let important = false

  class="cm">// Candidates that end with an exclamation mark are the important version with
  class="cm">// higher specificity of the non-important candidate, e.g. `mx-4!`.
  if (base[base.length - 1] === class="st">'!') {
    important = true
    base = base.slice(0, -1)
  }

  class="cm">// Legacy syntax with leading `!`, e.g. `!mx-4`.
  else if (base[0] === class="st">'!') {
    important = true
    base = base.slice(1)
  }

  class="cm">// Check for an exact match of a static utility first as long as it does not
  class="cm">// look like an arbitrary value.
  if (designSystem.utilities.has(base, class="st">'static') && !base.includes(class="st">'[')) {
    yield {
      kind: class="st">'static',
      root: base,
      variants: parsedCandidateVariants,
      important,
      raw: input,
    }
  }