analyze() — tailwindcss Function Reference

Architecture documentation for the analyze() function in translation-map.test.ts from the tailwindcss codebase.

Function typescript Oxide Extractor calls 3

Entity Profile

Oxide→ Extractor→ analyze() — tailwindcss Function Reference

Dependency Diagram

graph TD
  8ef22b30_0ed6_09d2_959d_163f9c650639["analyze()"]
  d163c53b_f756_bcd7_0cfb_254471aee1d2["translation-map.test.ts"]
  8ef22b30_0ed6_09d2_959d_163f9c650639 -->|defined in| d163c53b_f756_bcd7_0cfb_254471aee1d2
  9d7d664d_b6fd_88fd_8800_4b530c33a95b["parse()"]
  8ef22b30_0ed6_09d2_959d_163f9c650639 -->|calls| 9d7d664d_b6fd_88fd_8800_4b530c33a95b
  9b49f3c6_0c8d_5c62_965c_30a1db6499f8["toCss()"]
  8ef22b30_0ed6_09d2_959d_163f9c650639 -->|calls| 9b49f3c6_0c8d_5c62_965c_30a1db6499f8
  0799cdd2_4b0e_a38a_f2e3_313f628e1d75["createTranslationMap()"]
  8ef22b30_0ed6_09d2_959d_163f9c650639 -->|calls| 0799cdd2_4b0e_a38a_f2e3_313f628e1d75
  style 8ef22b30_0ed6_09d2_959d_163f9c650639 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/source-maps/translation-map.test.ts lines 7–34

async function analyze(input: string) {
  let ast = CSS.parse(input, { from: 'input.css' })
  let css = toCss(ast, true)
  let translate = createTranslationMap({
    original: input,
    generated: css,
  })

  function format(node: AstNode) {
    let lines: string[] = []

    for (let [oStart, oEnd, gStart, gEnd] of translate(node)) {
      let src = `${oStart.line}:${oStart.column}-${oEnd.line}:${oEnd.column}`

      let dst = '(none)'

      if (gStart && gEnd) {
        dst = `${gStart.line}:${gStart.column}-${gEnd.line}:${gEnd.column}`
      }

      lines.push(`${dst} <- ${src}`)
    }

    return lines
  }

  return { ast, css, format }
}