queueUpdate() — vite Function Reference

Architecture documentation for the queueUpdate() function in hmr.ts from the vite codebase.

Function typescript HMRClient HotRuntime calls 1 called by 1

Entity Profile

HMRClient→ HotRuntime→ queueUpdate() — vite Function Reference

Dependency Diagram

graph TD
  dc6afbd1_68d8_b85c_ede6_e2f3839fdccd["queueUpdate()"]
  59034bde_6f4e_fe6a_b2ce_a002a0aa10b4["HMRClient"]
  dc6afbd1_68d8_b85c_ede6_e2f3839fdccd -->|defined in| 59034bde_6f4e_fe6a_b2ce_a002a0aa10b4
  d1f1e08a_d62c_ffc8_40e7_039fffb49665["handleMessage()"]
  d1f1e08a_d62c_ffc8_40e7_039fffb49665 -->|calls| dc6afbd1_68d8_b85c_ede6_e2f3839fdccd
  c63a9132_545b_01b5_04fc_03798c19ef8d["fetchUpdate()"]
  dc6afbd1_68d8_b85c_ede6_e2f3839fdccd -->|calls| c63a9132_545b_01b5_04fc_03798c19ef8d
  style dc6afbd1_68d8_b85c_ede6_e2f3839fdccd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/shared/hmr.ts lines 252–262

  public async queueUpdate(payload: Update): Promise<void> {
    this.updateQueue.push(this.fetchUpdate(payload))
    if (!this.pendingUpdateQueue) {
      this.pendingUpdateQueue = true
      await Promise.resolve()
      this.pendingUpdateQueue = false
      const loading = [...this.updateQueue]
      this.updateQueue = []
      ;(await Promise.all(loading)).forEach((fn) => fn && fn())
    }
  }