walk() — vue Function Reference

Architecture documentation for the walk() function in optimizer.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 3 called by 1

Entity Profile

ServerRenderer→ BundleRenderer→ walk() — vue Function Reference

Dependency Diagram

graph TD
  bdccaa53_ff26_818d_5799_6f5b50228230["walk()"]
  d500de42_be37_c3da_7003_aa0e9586d7d4["optimize()"]
  d500de42_be37_c3da_7003_aa0e9586d7d4 -->|calls| bdccaa53_ff26_818d_5799_6f5b50228230
  f5504226_ec28_d9d9_c958_5adf18df5774["isUnOptimizableTree()"]
  bdccaa53_ff26_818d_5799_6f5b50228230 -->|calls| f5504226_ec28_d9d9_c958_5adf18df5774
  ec68760d_b5c3_4255_df5a_aca2470ac013["hasCustomDirective()"]
  bdccaa53_ff26_818d_5799_6f5b50228230 -->|calls| ec68760d_b5c3_4255_df5a_aca2470ac013
  e3d52f8e_bef7_0956_84b9_ec934bf8f0e1["optimizeSiblings()"]
  bdccaa53_ff26_818d_5799_6f5b50228230 -->|calls| e3d52f8e_bef7_0956_84b9_ec934bf8f0e1
  style bdccaa53_ff26_818d_5799_6f5b50228230 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/optimizer.ts lines 31–72

function walk(node: ASTNode, isRoot?: boolean) {
  if (isUnOptimizableTree(node)) {
    node.ssrOptimizability = optimizability.FALSE
    return
  }
  // root node or nodes with custom directives should always be a VNode
  const selfUnoptimizable = isRoot || hasCustomDirective(node)
  const check = child => {
    if (child.ssrOptimizability !== optimizability.FULL) {
      node.ssrOptimizability = selfUnoptimizable
        ? optimizability.PARTIAL
        : optimizability.SELF
    }
  }
  if (selfUnoptimizable) {
    node.ssrOptimizability = optimizability.CHILDREN
  }
  if (node.type === 1) {
    for (let i = 0, l = node.children.length; i < l; i++) {
      const child = node.children[i]
      walk(child)
      check(child)
    }
    if (node.ifConditions) {
      for (let i = 1, l = node.ifConditions.length; i < l; i++) {
        const block = node.ifConditions[i].block
        walk(block, isRoot)
        check(block)
      }
    }
    if (
      node.ssrOptimizability == null ||
      (!isRoot && (node.attrsMap['v-html'] || node.attrsMap['v-text']))
    ) {
      node.ssrOptimizability = optimizability.FULL
    } else {
      node.children = optimizeSiblings(node)
    }
  } else {
    node.ssrOptimizability = optimizability.FULL
  }
}