pingWorkerContentMain() — vite Function Reference

Architecture documentation for the pingWorkerContentMain() function in client.ts from the vite codebase.

Function typescript HMRClient HotRuntime calls 1

Entity Profile

HMRClient→ HotRuntime→ pingWorkerContentMain() — vite Function Reference

Dependency Diagram

graph TD
  cd667263_6006_f2fa_4fbd_b90378665c4d["pingWorkerContentMain()"]
  85908ff5_4d12_826d_8235_531f91538758["client.ts"]
  cd667263_6006_f2fa_4fbd_b90378665c4d -->|defined in| 85908ff5_4d12_826d_8235_531f91538758
  f5953798_0aef_33e3_5df8_38291253d4f3["waitForSuccessfulPingInternal()"]
  cd667263_6006_f2fa_4fbd_b90378665c4d -->|calls| f5953798_0aef_33e3_5df8_38291253d4f3
  style cd667263_6006_f2fa_4fbd_b90378665c4d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/client/client.ts lines 412–459

function pingWorkerContentMain(socketUrl: string) {
  self.addEventListener('connect', (_event) => {
    const event = _event as MessageEvent
    const port = event.ports[0]

    if (!socketUrl) {
      port.postMessage({
        type: 'error',
        error: new Error('socketUrl not found'),
      })
      return
    }

    const visibilityManager: VisibilityManager = {
      currentState: 'visible',
      listeners: new Set(),
    }
    port.addEventListener('message', (event) => {
      const { visibility } = event.data
      visibilityManager.currentState = visibility
      console.debug('[vite] new window visibility', visibility)
      for (const listener of visibilityManager.listeners) {
        listener(visibility)
      }
    })
    port.start()

    console.debug('[vite] connected from window')
    waitForSuccessfulPingInternal(socketUrl, visibilityManager).then(
      () => {
        console.debug('[vite] ping successful')
        try {
          port.postMessage({ type: 'success' })
        } catch (error) {
          port.postMessage({ type: 'error', error })
        }
      },
      (error) => {
        console.debug('[vite] error happened', error)
        try {
          port.postMessage({ type: 'error', error })
        } catch (error) {
          port.postMessage({ type: 'error', error })
        }
      },
    )
  })
}