nodesToSegments() — vue Function Reference

Architecture documentation for the nodesToSegments() function in codegen.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler calls 2 called by 1

Entity Profile

ServerRenderer→ OptimizingCompiler→ nodesToSegments() — vue Function Reference

Dependency Diagram

graph TD
  075d79be_dda5_c8d2_8ce4_d7f859be1677["nodesToSegments()"]
  d70222cb_3265_c3fc_c0cf_09247995ea9a["codegen.ts"]
  075d79be_dda5_c8d2_8ce4_d7f859be1677 -->|defined in| d70222cb_3265_c3fc_c0cf_09247995ea9a
  bab0d1f4_5d24_925c_fdf7_6073527f64b7["childrenToSegments()"]
  bab0d1f4_5d24_925c_fdf7_6073527f64b7 -->|calls| 075d79be_dda5_c8d2_8ce4_d7f859be1677
  0a738585_4681_2f66_e7c0_146bcca3724c["elementToSegments()"]
  075d79be_dda5_c8d2_8ce4_d7f859be1677 -->|calls| 0a738585_4681_2f66_e7c0_146bcca3724c
  1e08374e_4b7f_6901_4657_b7f1d04e4395["escape()"]
  075d79be_dda5_c8d2_8ce4_d7f859be1677 -->|calls| 1e08374e_4b7f_6901_4657_b7f1d04e4395
  style 075d79be_dda5_c8d2_8ce4_d7f859be1677 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 212–232

function nodesToSegments(
  children: Array<ASTNode>,
  state: CodegenState
): Array<StringSegment> {
  const segments: StringSegment[] = []
  for (let i = 0; i < children.length; i++) {
    const c = children[i]
    if (c.type === 1) {
      segments.push.apply(segments, elementToSegments(c, state))
    } else if (c.type === 2) {
      segments.push({ type: INTERPOLATION, value: c.expression })
    } else if (c.type === 3) {
      let text = escape(c.text)
      if (c.isComment) {
        text = '<!--' + text + '-->'
      }
      segments.push({ type: RAW, value: text })
    }
  }
  return segments
}