nodesToSegments() — vue Function Reference

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

Function typescript ServerRenderer BundleRenderer calls 2 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ nodesToSegments() — vue Function Reference

Dependency Diagram

graph TD
  3305260c_9a97_7ffb_f077_598c0d28f4ff["nodesToSegments()"]
  4aaa14b9_d580_5a66_5221_1be3a11a7eed["codegen.ts"]
  3305260c_9a97_7ffb_f077_598c0d28f4ff -->|defined in| 4aaa14b9_d580_5a66_5221_1be3a11a7eed
  6b525ab7_8f33_9239_ab39_05dda7ea53e5["childrenToSegments()"]
  6b525ab7_8f33_9239_ab39_05dda7ea53e5 -->|calls| 3305260c_9a97_7ffb_f077_598c0d28f4ff
  fab98570_5fb1_9215_7014_b249b0beadde["elementToSegments()"]
  3305260c_9a97_7ffb_f077_598c0d28f4ff -->|calls| fab98570_5fb1_9215_7014_b249b0beadde
  4e8211dc_aa7e_481a_3002_b46e9e8afd4e["escape()"]
  3305260c_9a97_7ffb_f077_598c0d28f4ff -->|calls| 4e8211dc_aa7e_481a_3002_b46e9e8afd4e
  style 3305260c_9a97_7ffb_f077_598c0d28f4ff 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
}