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
  d9b23739_d138_7c29_c34e_deb91beabbb7["walk()"]
  1e04863e_ed92_93a3_3105_0644c2d680cf["optimize()"]
  1e04863e_ed92_93a3_3105_0644c2d680cf -->|calls| d9b23739_d138_7c29_c34e_deb91beabbb7
  e11f0355_39e8_a964_c79d_5c6c371637c8["isUnOptimizableTree()"]
  d9b23739_d138_7c29_c34e_deb91beabbb7 -->|calls| e11f0355_39e8_a964_c79d_5c6c371637c8
  c8f2cd58_a404_e879_2524_b7cfffd27f9d["hasCustomDirective()"]
  d9b23739_d138_7c29_c34e_deb91beabbb7 -->|calls| c8f2cd58_a404_e879_2524_b7cfffd27f9d
  43574d1a_1f28_275f_87ea_d604281f6382["optimizeSiblings()"]
  d9b23739_d138_7c29_c34e_deb91beabbb7 -->|calls| 43574d1a_1f28_275f_87ea_d604281f6382
  style d9b23739_d138_7c29_c34e_deb91beabbb7 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
  }
}