objectToAst() — tailwindcss Function Reference

Architecture documentation for the objectToAst() function in plugin-api.ts from the tailwindcss codebase.

Function typescript OxideCore Scanner calls 4 called by 2

Entity Profile

OxideCore→ Scanner→ objectToAst() — tailwindcss Function Reference

Dependency Diagram

graph TD
  11c177f7_f682_15b6_46e0_5cff60c4a5a6["objectToAst()"]
  e43d1196_de1e_f940_0b19_7c0502d434bd["keyframesToRules()"]
  e43d1196_de1e_f940_0b19_7c0502d434bd -->|calls| 11c177f7_f682_15b6_46e0_5cff60c4a5a6
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d["buildPluginApi()"]
  3b6a2079_7f12_42cd_ba9f_a57ecec4366d -->|calls| 11c177f7_f682_15b6_46e0_5cff60c4a5a6
  4db73492_8a8b_98c5_6847_0582b85e6599["entries()"]
  11c177f7_f682_15b6_46e0_5cff60c4a5a6 -->|calls| 4db73492_8a8b_98c5_6847_0582b85e6599
  f4f92a3d_c13e_a751_8402_451ffa4c772f["rule()"]
  11c177f7_f682_15b6_46e0_5cff60c4a5a6 -->|calls| f4f92a3d_c13e_a751_8402_451ffa4c772f
  c35acfc6_964d_737e_6ecc_275e6f10293a["atRule()"]
  11c177f7_f682_15b6_46e0_5cff60c4a5a6 -->|calls| c35acfc6_964d_737e_6ecc_275e6f10293a
  47ef7bd7_b959_59c4_dbd1_328f35d7cd89["decl()"]
  11c177f7_f682_15b6_46e0_5cff60c4a5a6 -->|calls| 47ef7bd7_b959_59c4_dbd1_328f35d7cd89
  style 11c177f7_f682_15b6_46e0_5cff60c4a5a6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/tailwindcss/src/compat/plugin-api.ts lines 546–588

export function objectToAst(rules: CssInJs | CssInJs[]): AstNode[] {
  let ast: AstNode[] = []

  rules = Array.isArray(rules) ? rules : [rules]

  let entries = rules.flatMap((rule) => Object.entries(rule))

  for (let [name, value] of entries) {
    if (value === null || value === undefined) continue

    // @ts-expect-error
    // We do not want `false` present in the types but still need to discard these nodes for
    // compatibility purposes
    if (value === false) continue

    if (typeof value !== 'object') {
      if (!name.startsWith('--')) {
        if (value === '@slot') {
          ast.push(rule(name, [atRule('@slot')]))
          continue
        }

        // Convert camelCase to kebab-case:
        // https://github.com/postcss/postcss-js/blob/b3db658b932b42f6ac14ca0b1d50f50c4569805b/parser.js#L30-L35
        name = name.replace(/([A-Z])/g, '-$1').toLowerCase()
      }

      ast.push(decl(name, String(value)))
    } else if (Array.isArray(value)) {
      for (let item of value) {
        if (typeof item === 'string') {
          ast.push(decl(name, item))
        } else {
          ast.push(rule(name, objectToAst(item)))
        }
      }
    } else {
      ast.push(rule(name, objectToAst(value)))
    }
  }

  return ast
}