createRenderFunction() — vue Function Reference

Architecture documentation for the createRenderFunction() function in render.ts from the vue codebase.

Function typescript ServerRenderer BundleRenderer calls 4 called by 2

Entity Profile

ServerRenderer→ BundleRenderer→ createRenderFunction() — vue Function Reference

Dependency Diagram

graph TD
  4c21c903_0357_dce5_cb90_83c67295a504["createRenderFunction()"]
  8fc1e361_2499_d43c_4026_dc6b2b43c02b["createBasicRenderer()"]
  8fc1e361_2499_d43c_4026_dc6b2b43c02b -->|calls| 4c21c903_0357_dce5_cb90_83c67295a504
  026cfe7c_3b65_a277_dd1c_866e5ce8b6df["createRenderer()"]
  026cfe7c_3b65_a277_dd1c_866e5ce8b6df -->|calls| 4c21c903_0357_dce5_cb90_83c67295a504
  8552678e_3ca0_ab4c_7c93_5001289e67e4["installSSRHelpers()"]
  4c21c903_0357_dce5_cb90_83c67295a504 -->|calls| 8552678e_3ca0_ab4c_7c93_5001289e67e4
  c9350833_548a_8bf0_2285_11ffe157d7aa["normalizeRender()"]
  4c21c903_0357_dce5_cb90_83c67295a504 -->|calls| c9350833_548a_8bf0_2285_11ffe157d7aa
  53230fed_d564_80ea_bf1f_8c413f7b736f["renderNode()"]
  4c21c903_0357_dce5_cb90_83c67295a504 -->|calls| 53230fed_d564_80ea_bf1f_8c413f7b736f
  bf6152f6_1a44_2c23_e37f_b214afcd2746["waitForServerPrefetch()"]
  4c21c903_0357_dce5_cb90_83c67295a504 -->|calls| bf6152f6_1a44_2c23_e37f_b214afcd2746
  style 4c21c903_0357_dce5_cb90_83c67295a504 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/render.ts lines 427–459

export function createRenderFunction(
  modules: Array<(node: VNode) => string | null>,
  directives: Object,
  isUnaryTag: Function,
  cache: any
) {
  return function render(
    component: Component,
    write: (text: string, next: Function) => void,
    userContext: Record<string, any> | null,
    done: Function
  ) {
    warned = Object.create(null)
    const context = new RenderContext({
      activeInstance: component,
      userContext,
      write,
      done,
      renderNode,
      isUnaryTag,
      modules,
      directives,
      cache
    })
    installSSRHelpers(component)
    normalizeRender(component)

    const resolve = () => {
      renderNode(component._render(), true, context)
    }
    waitForServerPrefetch(component, resolve, done)
  }
}