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
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e["createRenderFunction()"]
  d6dd7b7e_a232_421d_e8db_105f7cff407c["createBasicRenderer()"]
  d6dd7b7e_a232_421d_e8db_105f7cff407c -->|calls| bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e
  0ef8eb2c_b0fb_7608_a58e_c6b068a0d511["createRenderer()"]
  0ef8eb2c_b0fb_7608_a58e_c6b068a0d511 -->|calls| bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e
  1cf9ad06_bc18_bc90_6eaf_65ccc1f6cd04["installSSRHelpers()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| 1cf9ad06_bc18_bc90_6eaf_65ccc1f6cd04
  f2ea83ff_0435_4be8_87ac_f6ab0b96233a["normalizeRender()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| f2ea83ff_0435_4be8_87ac_f6ab0b96233a
  41d8a2ed_7600_023d_56ff_e6bd2066a1b0["renderNode()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| 41d8a2ed_7600_023d_56ff_e6bd2066a1b0
  3fd16487_5069_75b0_842d_3d4d3393df69["waitForServerPrefetch()"]
  bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e -->|calls| 3fd16487_5069_75b0_842d_3d4d3393df69
  style bcfdaca3_f60a_836c_8a8e_ab6eb04bb14e 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)
  }
}